一, Position 属性:
规定元素定位类型:
1.static (默认值) 没有定位
元素出现在正常的流中 (忽略 top, bottom, left, right 或者 z-index 声明).
2.absolute 绝对定位
相对于父元素进行定位, 元素位置通过 top right bottom left 属性进行规定, 不占位置.
3.relative 相对定位
相对其正常位置进行定位, 用 margin 来固定位置, 占位置.
4.fixed 固定定位
相对于浏览器窗口进行定位.
二, z-index 属性:
设置元素的堆叠顺序, 拥有更高堆叠顺序的元素总是处于较低元素的前面.
注意: Z-index 只能在定位元素上奏效, 可负.
三, float 属性:
元素浮动, 经常应用于图像, 使文本围绕在图像周围. CSS 中, 任何元素都可以浮动.
清除浮动的常用方法:
clear:both: 对最后一个字元素使用, 可防止父元素高度坍塌.
overflow:hidden: 超出部分隐藏
四: after/:before 选择器:
再被选元素的内容后 / 前面插入内容, 用 content 属性来指定要插入的内容.
五, dispaly 属性
1,inline-block: 行内块元素; 可设置宽高, 且可在一行显示
2,none: 该元素不会被显示.
3,block: 该元素以块状元素显示出来, 前后都有换行符.
4,inline: 默认; 无法设置宽高.
来源: http://www.bubuko.com/infodetail-3200053.html