HTML/CSS6

补充:

        1. margin的margin:0  auto;会解决元素的居中,前提是给元素设置width

         2.css层叠的问题

            css有两个性质

                  1.继承性

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

                       选不中走继承性(font  color  text)继承性的权重是0        (a)有多个父级都设置了的样式走就近原则

                       选中了(a)权重的问题权重大就选谁的样式     (b)权重相同谁在后面就选择谁

                      (c)纯标签和类没有可比性  纯类和id也没有可比性

          3.标准文档流

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

                              浮动float/right

                               效果元素都加浮动后面的元素紧跟这前面的元素并排排列

           只要加了float,这个元素就会脱离标准文档流

                           第一个加了float脱离了标准文档流,对于浏览器来说 第二个元素就变成了标准文档流中的第一个,于是就会把他排在第一位。而第一个依然存在,                      所以就会叠加。

          行级加float

                      行级元素加了float,脱离标准流,块不像块,行不像行,能设置宽高,能并排排列   Display就没有任何意义了

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

           3.浮动的元素文字环绕

拓展 使元素脱离标准流的方法

  1. 浮动 float
  2. 绝对定位position:absolute;
  3. 固定定位position:fixed;    fixed固定的

浮动带来的坏处

         给元素加了浮动,撑不起父级的高度了

清除浮动

  1. 给浮动的父元素添加高度
  2. 给父级添加overflow:hidden;
  3. 给浮动元素的后面添加一个空的div 添加样式为clear:both
  4. 伪类选择器        
    1.   伪类选择器

      只要选择器后面带:,都可以说他是伪类选择器

      a:link{}  a:hover{}  a:visited{}  a:active{}  p:after{} p:before{}

    2. a的四种状态的顺序不能变

      伪元素 和伪类选择器的区别

      伪元素有两个冒号 p::after{}  伪类选择器有一个冒号p:hover{}

这个类写的样式属性有

posted @ 2018-09-16 18:47  做自己的盖世英雄  阅读(196)  评论(0编辑  收藏  举报