css布局理解

1.盒模型(页面的所有元素都看成一个类似于礼品盒的盒子:包括块级元素和行内元素(也叫内联元素)):http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html

2.以块级元素为例讲解的margin和padding的区别与用法http://www.cnblogs.com/linjiqin/p/3556497.html

3.html中元素分为块级元素和行内元素(也叫内联元素)的区别:

4.常见的块级元素与内联元素:

5.利用display:block,inline-block,inline实现行内元素与块级元素的转换:http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html

6.CSS的定位机制(前面都是单个元素的特性,现在应该算是多个元素排序的时候的效果,即文档流和脱离文档流):http://www.cnblogs.com/shenfangfang/p/5278528.html

7.脱离文档流中的定位(绝对定位和相对定位):http://bbs.blueidea.com/thread-2733320-1-1.html

7.(这步应该算实际应用的时候的例子)水平布局display:inline-block与float的区别:http://www.cnblogs.com/zouqin/p/5473823.html

8.居中对齐(text-align:center;与margin:0 atuo;的区别):http://blog.csdn.net/zheng_cong/article/details/51834472



原文地址:https://www.cnblogs.com/hanxuming/p/6005647.html