标签：
1.块级元素：a 默认显示在父标签左上角；b 默认沾满有一行 常用的有 p ； div； h1~h6； table； hr； ol li； ul li。
2行内元素（内联元素）:a 大小手袋文字区域影响；不受width height的影响；b 不会单独沾满一行。
常见的 span； img；a；iput。
3.行内元素变块级元素：display：block；
块级元素便行内元素：display：inline；
display：inline-block；同时具有行内和块级元素的特点；1.受width和height的影响；2不会单独沾满一行。
4浮动：float：laft；right；
清除浮动：clear：both；laft；right；
5盒子模型：
pandding：盒子内容距离盒子边框撑开的距离；内间距。
pandding：10px；上下左右
pandding：10px 20px；上 下
pandding：10px 20px 30px；上 左右 下
pandding：10px 20px 30px 40px；上 右 下 左
pandding-top ；right；bottom；left；单独设置盒子内容距离一个边框撑开的距离
设置pandding的距离，盒子会撑大，高度和宽度需要减去pandding撑开的距离才会保持盒子大小不变！
margin：外间距；
margin-top；right；bottom；left。盒子上间距 右间距 下间距 左间距。
pandding完全支持行内元素； margin行内元素只支持左右，不支持上下。
当浏览器对块级元素的外间距和内间距不能默认为0的话，需要设置所有标签的内间距外间距为0：*{margin：0px；pandding：0px；}
5.绝对定位：position：absolute
1.当设置为绝对定位后，脱离了文档流，不会单独沾满一行，不会受浮动影响。
2.当设置了绝对定位后，元素的方位就受到窗体的top·right·bottom·left的影响。
相对定位：position：relative；
1.设置为相对定位时，元素没有脱离文档流。
2设置为相对定位时，元素方位是相对于元素父标签的上下左右。由于标签没有脱离文档流，所以他四周的标签是占着位置的。
固定显示在一个位置：position：fixed；
标签：
原文地址：http://www.cnblogs.com/ywf190337316/p/5164450.html
