CSS几个重要属性

Position属性：

规定元素定位类型:

1.static (默认值)没有定位

元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

1.absolute绝对定位

相对于父元素进行定位，元素位置通过top right bottom left属性进行规定，不占位置。

2.relative 相对定位

相对其正常位置进行定位，用margin来固定位置，占位置。

3.fixed 固定定位

相对于浏览器窗口进行定位

z-index属性：

设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是处于较低元素的前面。

注意：Z-index只能在定位元素上奏效，可负。

float属性:

元素浮动，经常应用于图像，使文本围绕在图像周围。CSS中，任何元素都可以浮动。

清除浮动的常用方法：

1. 结尾处加空div标签 clear:both
2. 父级div定义：overflow:hidden
3. 父级div定义高

display属性：

规定元素生成框的类型。

可能的值：

1. none：该元素不会被显示。
2. block：该元素以块状元素显示出来，前后都有换行符。
3. inline：默认；无法设置宽高。
4. inline-block：行内块元素；可设置宽高，且可在一行显示。

：after/：before选择器：

再被选元素的内容后/前面插入内容，用content属性来指定要插入的内容。

即：在被选元素的后面插入长宽一定的黑色边框。