CSS选择器
1、类和ID选择器的区别
相同点：可以应用于任何元素
不同点：
1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。
2、子选择器
子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。
.first>span{border:1px solid red;}
3、包含(后代)选择器
包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。
.first span{color:red;}
总结：[子选择器] > 作用于元素的第一代后代，[后代选择器] 空格 作用于元素的所有后代。
4、通用选择器
通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：
* {color:red;}
5、伪类选择符
更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
a:hover{color:red;}
6、分组选择符
当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色：
h1,span{color:red;}
CSS继承、特殊性、层叠
1、继承
继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。
2、特殊性
有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢? 权值
权值规则：
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。 例如下面的代码：
p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。
3、层叠
如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办？层叠
层叠很好理解，后面的样式会覆盖前面的样式。
内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
4、重要性
我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。
p{color:red!important;}
p{color:green;}
注意：!important要写在分号的前面
样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。
CSS格式化排版
文字排版--字体
注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。
body{font-family:"Microsoft Yahei";}
或
body{font-family:"微软雅黑";}
注意：第一种方法比第二种方法兼容性更好一些。
文字排版--字号、颜色
body{font-size:12px;color:#666}
文字排版--粗体
p span{font-weight:bold;}
文字排版--斜体
p span{font-style:italic;}
文字排版--下划线
p span{text-decoration:underline;}
文字排版--删除线
.oldPrice{text-decoration:line-through;}
段落排版--缩进
p{text-indent:2em;}
段落排版--行间距（行高）
p{line-height:1.5em;}
段落排版--中文字间距、字母间距
中文字间隔、字母间隔设置：
h1{letter-spacing:50px;}
单词间距设置：
h1{word-spacing:50px;}
段落排版--对齐
h1{text-align:center;}
CSS元素分类
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有：
、、
...、、、、
、、 、