【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 等这些可继承;
【】