css里一些我们不常用的属性

时间:2021-09-07 08:15:25

1.display:none; 隐藏。

2.z-index属性:较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对象的此属性具有同样的 number 值,那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象,此属性的 number 值为正数的对象会在其之上,而 number 值为负数的对象在其之下。设置参数为 null 可以移除此属性。

因此,在z-index属性值相同的情况下,后声明的会覆盖先前声明的标签;

z-index 仅能在定位元素上奏效(例如 position:absolute;)!

3.background-repeat:no-repeat;使背景图片不重复。

no-repeat:

      no-repeat是针对背景图片来说的。当你设置了no-repeat这个属性后,你的背景图片将不会被重复,再换一种说法,你在网站上所看到的背景图片就是你所添加的图片, 不会出现平铺或者重复的现象。

当然你仍然可以通过其他方式来控制图片的位置,比如:

{backgroud:top, center, no-repeat;}

这样你的背景图片就位于上部的居中位置。

4.CSS overflow 属性

   如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。

css里一些我们不常用的属性