前端 CSS（一）

一．CSS基础选择器

作用：根据不同需求把不同标签选出来。简单来说就是选择标签用的

二．选择器分类

选择器分为基础选择器和复合选择器两大类

• 基础选择器是由单个选择器组成

• 基础选择器又包括：标签选择器、类选择器、id选择器和通配符选择器

1.标签选择器

标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式

作用：把某类标签全部选择出来

基本语法：

标签名{

属性1：属性值1;

属性2：属性值2;

属性3：属性值3;

...

}

2.类选择器

差异化选择不同标签

类选择器在HTML中以class属性表示，在CSS中，类选择器以一个点“.”号表示

基本语法：

.类名{

属性1：属性值1;

...

}

结构需要class属性来调用class类

注意：

① 类选择器使用“.”（英文点号）进行标识，后面紧跟类名（自定义，我们自己命名）

② 可理解为给这个标签起名字，来表示

③ 长名称或词组可以使用中横线来为选择器命名

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

⑤ 命名要有意义，尽量使别人一眼就知道这个类名的目的