css几个重要属性

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

猜你喜欢

转载自www.cnblogs.com/chengdu123/p/11523892.html