补充
一、margin会解决元素的居中，前提是给这个元素设置宽度。
二、CSS层叠的
1.CSS有两个性质
（1）继承性
（2）层叠性 选择器的选择能力，谁的权重大就选谁。
a.选不中，走继承性（font，text color）继承性的权重是0， 多个父级设置了这样的格式走就近原则。
b.选中了
权重的问题，权重大就选谁的样式；
权重相同，谁在后选谁；
纯标签和类不具可比性 纯类和id也没有可比性。
三、 标准文档流
含义：浏览器的排版是根据元素的特征（块和行级），从上往下，从左往右排版。
浮动：float：left/right
效果: 元素都加浮动，后面的元素会紧跟着前面的元素并排排列
***只要加了float，这个元素就会脱离标准流
A，第一个加了float，对于浏览器来说，第二个元素就变成了表准文档流中的第一个 ，于是就就会把它排在第一位，而第一个依然存在，所以就会叠加。
行级加float，脱离标准流，块不像块，行不像行。能设置宽高，能并排排列 display就没有任何意义了
B，浮动的元素紧紧贴靠在一起
C，浮动的元素会文字环绕
**拓展：使元素脱离标准文档流的方法：
1.浮动 float
2.绝对定位：position-absolute
3.固定定位：position-fixed
*浮动带来的坏处：
1.给元素加了浮动，撑不起父级的高度了
*清除浮动：
1.给浮动的父级添加高度
2.给父级添加overflow：hidden
3.给浮动元素的后面添加一个空的div，添加样式为 clear:both
4.伪类选择器：只要选择器后面带“：” 都可以说他是伪类选择器
例如：
a:link{} 正常；a:visit{}访问过；a:hover{}鼠标悬浮；a:active{}激活，鼠标点击的那一刻。
*备注：超链接伪类的四种状态顺序不能改变