1.CSS颜色表示法

（1）名称：red，gold

（2）RGB：RGB(0,0,0)

（3）16进制数值表示，如：#ff0000 表示红色，简写#f00

2.标签选择器

标签选择器，此种选择器影响范围大，建议尽量应用在层级选择器中。

div{

font-size: 30px; /标签选择器/}

3.id选择器

通过id名来选择元素，元素的id名称不能重复，所以一个样式设置项只能对应于页面上一个元素，不能复用，id名一般给程序使用，所以不推荐使用id作为选择器。

#div1{

color: green; /id选择器，不推荐/}

4.类选择器

通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，使用最多。

.color{

color: #7D2DC1;}

.size{    font-size: 50px;}

5.层级选择器

主要应用在选择父元素下的子元素，或者子元素下面的子元素，可与标签元素结合使用，减少命名，同时也可以通过层级，防止命名冲突

6.组选择器

多个选择器，如果有同样的样式设置，可以使用组选择器

.box01,.box02,.box03{ /相同属性写在一组/

font-size: 35px;text-decoration: underline;}

7.伪类及伪元素选择器

常用的伪类选择器有hover，表示鼠标悬浮在元素上时的状态，伪元素选择器有before和after,他可以通过样式在元素中插入内容。

.box01:hover{ /伪元素选择器/

color: #E3610A;}.box01:before{ /解决bug/content: "·";color: pink;}.box02:after{ content: "。";color: gold;}