1. margin的margin:0 auto; 可以解决居中问题
2. css两个性质
1)继承性
2)层叠性 选择权重大的作为样式属性
A:选不中走继承性 继承性的权重是零
a.有多个父级设置同样的样式,就近原则
B.选中
a.谁的权重大选谁
b.权重相同,选择后者
c.纯标签和类没有可比性,纯类和id也没有可比性
3.标准文档流
浏览器的排版是根据元素的特征(块和行级),从上往下,从左往右排版。
浮动 float:left、right;
效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。
A.只要加了float,这个元素就会脱离标准文档流。
第一个加了float,对于第二个元素就会变成标准文档流中的第一个,于是就会把它排在第一位,而第一个依然存在,所以就会叠加。
行级加float,脱离标准流,块不像块,行不像行,能设置宽高,能并排排列。display就没有任何意义了。
B.浮动的元素会紧紧贴靠在一起
C.浮动的元素会文字环绕。
4.使元素脱离标准文档流的方法
1).浮动float
2).绝对定位 position:absolute;
3).固定定位 position:fixed; fixed固定的
5.浮动带来的坏处
给元素添加浮动,撑不起父级的高度了
清楚浮动
1)给浮动的元素添加高度
2)给附加添加overflow:hidden;
3)给浮动元素的后面添加一个空的div 添加样式为clear:both;