9.14

Posted 2021-01-06 gzxbk

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；