一、补充
margin的margin：0 auto；会解决元素中的居中，前提是给这个元素设置width
二、Css层叠的问题
Css有两个性质
1.继承性
2.层叠性 选择器的一种能力 谁的权重大就选谁
A.选不中，走继承性（font color text）继承性的权重是0
a）有多个父级都设置了这样的样式 走就近原则
B.选中了
a）权重的问题 权重大 就选谁的样式
b）权重相同，谁在后选谁
c）纯标签和类没有可比性，纯类和id也没有可比性.
三、标准文档流
浏览器的排版是根据元素的特征（块和行级），从上往下，从左到右排版，这就是标准文档流。
浮动float：left/right
效果：元素都加浮动，后面的元素会紧跟这前面的元素并排序。
A,只要加了float，这个元素就会脱离标准文档流。
第一个加了float，离了标准文档流，对于浏览器来说，第二个元素就变成了标准文档流中的第一个，于是就会把他排在第一位。而第一个依然存在，所以就会叠加。
行级加float
行级元素加了float，脱离标准流，块不像块，行不像行，能设置宽高，能并排排列。
Display就没有任何意义了。
B,浮动的元素会紧紧贴靠在一起
C,浮动的元素会文字环绕
拓展 使元素脱离标准流的方法
1.浮动 float
2.绝对的定位 position：absolute
3.固定的定位 position：fixed；fixed是固定的
浮动带来的坏处
1.给元素加了浮动，撑不起父级的高度了
清除浮动
1.给浮动的父级元素添加高度
2.给父级添加overflow：hidden；
3.给浮动元素的后面添加一个空的div，添加样式clear：both
4.给父级添加一个类clearfix。
这个类型的属性有
伪类选择器
只要选择器后面带:,都可以说他是伪类选择器
a:link{} a:hover{} a:visited{} a:active{} p:after{} p:before{}
a的四种状态的顺序不能变
伪元素 和伪类选择器的区别
伪元素有两个冒号 如p::after{} 伪类选择器有一个冒号p:hover{}
伪类有一个冒号P：hover{}
备注：
Margin：0 auto；和text-align：center；
Visibility：hidden；和display：none；
Visibility隐藏了还占用着空间，display隐藏了之后不占用空间了。