css学习04：类选择器

类选择器：

如果想要差异化选择不同的标签，单独选一个或几个标签，可以使用类选择器

语法：

1. 先在标签里定义一个类 

   <标签名 class='类名'> xxx</标签名>

   举例：<div class='red'> 变红色 </div>

2. 在style标签内写入

   .类名 {

       属性1: 属性值1;

      ........

   }

   举例：将所有拥有red类的HTML元素均为红色

   .red {

        color: red;

   }

注意：

1 类选择器使用"."（英文点号）进行标识，后面紧跟类名（自定义，我们自己命名的，不能命名为标签名）

2 长名称或词组可以使用_，-来为选择器命名

3 不要使用纯数字、中文等命名，尽量使用英文字母表示

代码演示：

页面效果演示：

现在做个小练习：

通过这个事例我们可以练习：

1 类选择器的使用

2 div就是一个盒子，用来装网页的

代码演示：