HTML+CSS 轻松入门之类选择器

类选择器在css样式编码中是最常用到的

语法:

.类选器名称{

    css样式代码;

}


注意:

1、英文圆点开头

2、其中类选器名称可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合适的标签把要修饰的内容标记起来

                <div>中华民族伟大复兴</div>

第二步:使用class="类选择器名称"为标签设置一个类

                <div class="div">中华民族伟大复兴</div>

第三步:设置类选器css样式

            .div{

                    样式

                }

实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>类选择器</title>
	<style type="text/css">
			.div{
				color:red;
				font-family:隶书;
				font-size:18px;
			}
	</style>
</head>
<body>
		<div class="div">中华民族伟大复兴</div>
</body>
</html>


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style type="text/css"> .div{ color:red; font-family:隶书; font-size:18px; } </style> </head> <body> <div class="div">中华民族伟大复兴</div> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS 轻松入门教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我又来了

跟上一节的很相像啊

7年前    添加回复 0

看山看水看代码

class就是用.记住了

7年前    添加回复 0

仗义皆为屠狗辈 无情多为读书人

和之前的选择器差不多,能理解

7年前    添加回复 0

末日的春天

这个实例简单明了

7年前    添加回复 0

烟雨江南

类选择器,要给个class="dv" 写的时候加上点 .dv 这样的写法

7年前    添加回复 0

类选择器有什么优点?

[最新 数据分析师 的回答] 类选择器有什么优点?-PHP中文网问答-类选择器有什么优点?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~