20161012周三日子

【h5页面】

行内边距去掉；

        小圆点去掉；

        绝对定位；

       背景色：#0099cc

        浮动布局，3列以上，

       css3提供了多列布局：

                 meta charset="utf-8"

                <div> </div>

        火狐浏览器打开，chrome浏览器打开；

        增加标题内容<h3>

      未纳入标准，所以需要厂商前缀: columns: auto 3;  必须协商厂商前缀，-moz-columns:aotu 3;

       自适应3列布局；-moz-columns:200px 3; 

                                 -moz-column-width:100px ;

                                 -

       未来响应式-弹性伸缩布局(Flexible  Box)

          ：

        h5大纲算法：(html5  outliner)

              合理使用标签，可以生成大纲文档；

               nav section ,此处缺少大纲标题，不规范的！

        section div区别，

                

  布局：3中方式， Frameset 框架布局 table表格布局     div

  html文档流：(听着挺玄的)

                         流是从上到下 从左往右；

                         块元素一个占一行；

                      

 IE怪异盒模型；  如不加doctype，它会把div的width 和 高度包含border 和padding值；正常模型是不包含这个的！

 

 【伸缩盒模型】

   老版本  过渡版本  新版本

   display :box(-webkit-   -moz- )    flexblox   display:flex

   【浏览器内核和前缀】

   css从草案到推荐的过程，css3中属性进展不一样；

   四种内核：gecko内核  -moz-    webkit内核 -webkit-  Trident内核 -ms-  Presto内核 -o-

   css的继承：  width height padding border 不能被继承

                     color cursor   font-fmaily  font-size  text-indent  letter-spacing  line-height  text-align 等这些可继承；

 

 

【】