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{}

这个类写的样式属性有