1:补充: margin margin:0 auto;会解决元素的居中
2:css层叠的问题:
1:继承性：
2:层叠性：选择器的一种选择能力 谁的权重大就选择谁
A:选不中 走继承性 （font-color;text）
有多个父级都设置了这样样式，走就近原则
B:选中了 一旦选中考虑权重的问题 权重大 就选谁的样式
权重相同 谁在后选择谁
纯标签和类没有可比性，纯类和id也没有可比性
3:标准文档流
浏览器的排版是根据元素的特征（块和行级），从上往下，从左往右排版，这就是标准文档流
浮动 float left/right
效果 元素都加浮动 后面的元素会紧跟这前面的元素并列排序
只要加了float 这个元素就会脱离标准文档流
第一个加了float脱离了标准文档流 对于浏览器来说 第二个元素就变成了标准文档流中的第一个，于是就会把他排在第一位 而第一个依然存在 所以就会叠加。
行级元素加了float 脱离标准流 块不像块 行不像行 能设置宽高 能并列排列 Display就没有任何意义了。
浮动的元素会紧紧贴靠在一起
浮动的元素会文字环绕
拓展 使元素脱离标准流的方法
1:浮动 float
2：绝对定位 position absolute；
3：固定定位 position fixed fixed 固定的
浮动带来的坏处
1：给元素加了浮动 撑不起父级的高度了
清除浮动
1：给浮动的父元素添加高度
2：给父级添加 overflow：hidden；
3：给浮动元素的后面添加一个空的div 添加样式为clear；both
给浮动元素的父级添加一个类叫 clearfix
伪类选择器
只要选择器后面带; 都可以说他是伪类选择器
a:link正常的颜色 a:hover鼠标悬浮 a:visted访问过后的颜色 a:active鼠标点击的那一刻 激活 p:ater p:before
伪元素 有两个冒号如 p::after 伪类选择器有一个冒号p:hover
备注
margin 0 auto和text-aling center
margin的居中是对自己 text-aling