9.14

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;

原文地址:https://www.cnblogs.com/gzxbk/p/9647856.html