[TOC] ## 1. 标签选择器 语法： ```css 标签名 { 属性1: 属性值1; 属性2: 属性值2; ... } ``` 标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。 <br/> ## 2. 类选择器 语法：类选择器使用```.```（英文点号）进行标识，后面紧跟类名， ```css .类名 { 属性1: 属性值1; 属性2: 属性值2; ... } ``` 类选择器最大的优势是可以为元素对象定义单独或相同的样式。 可以选择一个或者多个标签。 **技巧：** 1. 长名称或词组可以使用中横线来为选择器命名。 2. 不建议使用“_”下划线来命名CSS选择器。 3. 不要纯数字、中文等命名， 尽量使用英文字母来表示。 <br/> ## 3. 多类名选择器 可以在.html中为同一个标签设置多个class选择器。 ```html <标签 class = "选择器1 选择器2 ..."/> ``` 1. 样式显示效果跟HTML元素中的类名先后顺序没有关系，受CSS样式书写的上下顺序有关。 2. 各个类名中间用空格隔开。 <br/> ## 4. id选择器 id选择器使用```#```进行标识，后面紧跟id名，基本语法如下： ```css #id名 { 属性1: 属性值1; 属性2: 属性值2; ... } ``` 大多数HTML元素都可以定义id属性，元素的id值是**唯一的**，只能对应于文档中某一个具体的元素。 <br/> ## 5. 通配符选择器 通配符选择器用```*```号表示，他是所有选择器中作用范围最广的，能匹配页面中所有的元素。基本语法如下： ```css * { 属性1: 属性值1; 属性2: 属性值2; ... } ``` 例如下面的代码，使用通配符选择器定义CSS样式，清除所有HTML标记的默认边距。 ```css * {  margin: 0;                    /* 定义外边距*/  padding: 0;                   /* 定义内边距*/ } ```