1、padding属性值顺序：

　　padding:10px 20px 30px 40px;：对应上 右 下 左内边距，顺时针方向；

　　padding:10px 50px 100px;：对应上 右左 下内边距；

　　padding:10px 100px;：对应上下 右左内边距；

　　padding:100px;：对应上下左右内边距。

2、padding-top:20%;：

　　注意，内边距的百分比，不论上下左右，均是相对于父元素的width来计算的，与父元素的height无关；

3、去除div自带的边距：

　　css：* {padding:0; margin:0;}。

4、

　　边框绘制在元素背景之上；

　　CSS2 指出背景只延伸到内边距，而不是边框，后来 CSS2.1 进行了更正：元素的背景是内容、内边距和边框区的背景。

5、border-style: solid dotted dashed double;： 

　　top-right-bottom-left ；

　　默认值是none；

　　值复制概念。

6、border-color属性值默认为元素内的文本颜色

7、<a href="#">：

　　链接到当前页面，或链接到<base>中指定的url；

　　锚点：

　　　　使用name定位：<a href="#section1">访问section1</a> <a name="section1">section1</a>，被定位元素要被<a>包含；

　　　　使用id定位：<a href="#section1">访问section1</a> <p id="section1">section1</p>，被定位元素可以不被<a>包含；

　　　　html5不支持<a>的name属性，最好是name与id都写上。

8、border属性分类：

　　1>border-width/border-style/border-color；

　　2>border-top/border-right/border-bottom/border-left；

　　3>1和2的组合，如border-top-width

　　同一个声明，多种属性，值复制：

　　　　border-width:top right bottom left ...；

　　　　border-top:width style color...；

　　　　border:width style color...。

9、margin:  0 auto; ：上下边距为0，左右边距自适应，目的就是让div容器水平居中；

     margin:auto; ：上下左右边距自适应。

10、外边距合并：

　　垂直外边距指margin-top和margin-bottom；

　　元素A包含元素B，如果元素A(与B是否设置无关)未设置内边距或边框，则A的外边距将与B的外边距合并；

　　只有普通文档流中块框的垂直外边距才会发生外边距合并，行内框、浮动框或绝对定位之间的外边距不会合并。

11、文档流与文本流：

　　文档流：其实应该叫作普通流，normal flow，名词定位在页面元素排放方式，正常顺序读取html文档，将浏览器窗体从上到下分成一行行， 并在每行中按从左至右的顺序排放元素；

　　CSS盒子模型：就是一种思维模型，html元素常有的属性包括content、padding、border、margin，好比在俯视一个盒子；

　　文本流：

　　　　实际上，文本流既规定元素，也规定文字的排放方式。

　　二者区别：　　　　

　　　　文档流是相对于盒子模型讲的，文本流是相对于文字段落讲的；

　　　　浮动会让元素跳出文档流：

　　　　　　即当浮动元素后面还有元素时，其他元素会无视它所占据的区域，直接在它层下布局(覆盖效果)；

　　　　　　但是文字却会认同浮动元素所占据的区域，围绕它布局，也就是浮动元素没有脱离文本流。
　　　　绝对定位会让元素脱离文档流和文本流：

　　　　　　后面的文字不会认同元素所占据的区域，直接在其层下布局(覆盖效果)。