类选择器：
如果想要差异化选择不同的标签，单独选一个或几个标签，可以使用类选择器
语法：
-
先在标签里定义一个类
<标签名 class=’类名’> xxx</标签名>
举例：<div class=’red’> 变红色 </div>
-
在style标签内写入
.类名 {
属性1: 属性值1;
……..
}
举例：将所有拥有red类的HTML元素均为红色
.red {
color: red;
}
注意：
1 类选择器使用”.”（英文点号）进行标识，后面紧跟类名（自定义，我们自己命名的，不能命名为标签名）
2 长名称或词组可以使用_，–来为选择器命名
3 不要使用纯数字、中文等命名，尽量使用英文字母表示
代码演示：
页面效果演示：
现在做个小练习：
通过这个事例我们可以练习：
1 类选择器的使用
2 div就是一个盒子，用来装网页的
代码演示：
版权声明：本文为qq_46272167原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。