一、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:默认;无法设置宽高。