9.14知识点

一、补充

  margin的  margin:0 auto;解决元素的居中,前提是给这个元素设置宽度。

二、css的两个性质  

    1: 继承性

    2:层叠性  选择器的一种选择能力,谁的权重重大就选谁

    选不中    走继承性。(font color text)

      继承性的权重是0

     被选中了,就看权重

        权重大,就选谁的样式

     权重相同时,谁在后面选择谁

      纯标签和类没有可比性,纯类和id没有可比性

三、标准文档流

  浏览器的排版是根据元素的特征(块和行级),从上往下, 从左到右排版,这就是标准文档流

   浮动:float:left、right;

 效果:1)元素都加浮动,后面的元素会紧跟这前面的元素并排排列。只要加了float这个元素就脱离了标准文档流。

    2)浮动元素会紧紧贴靠在一起

    3)浮动会形成文字环绕

 拓展:使元素脱离标准文档流的方法?

    1)浮动   float

    2)绝对定位    position:absolute

    3)固定定位    position:fixed

 浮动的坏处:给元素的浮动撑不起父级的高度

四、清除浮动:

  1:  给浮动的元素添加高度

  2:  给父级添加 overflow:hidden

  3:  给浮动元素的后面添加一个空的 div  添加样式为 <div style=“clear: both;”

  4:给浮动元素的父级添加一个类叫clearfix

posted @ 2018-09-16 19:07  web前端探索者  阅读(103)  评论(0编辑  收藏  举报