代码改变世界

CSS4

2016-10-12 17:50  谭丽#  阅读(152)  评论(0编辑  收藏  举报

1.处理溢出(overflow)

overflow的取值可以是visible.hidden,scroll,auto,其中visible是默认值。visible表示不裁剪内容,也不添加滚动条,强制显示元素内容;

hidden表示裁剪内容,而且不显示超出对象尺寸的内容;

scroll表示裁剪内容,同时提供滚动条;

auto表示只有在必要时才裁剪内容并添加滚动条。

2.指定裁剪区域

rect(top,right,bottom,left)

3.设置元素的可见性(display/visibility)

当设置元素的display属性为none时,元素在页面隐藏起来,不仅元素看不见,而且元素也将退出当前的页面布局层,不占用任何空间。放设置元素的display属性为block(块级)时可以强制将中XHTML的内嵌元素变成块级元素,从而引起后续对象换行。当设置display属性为inline(内嵌级)时,CSS强制将XHTML中的块级元素变为内嵌元素。

visibility属性控制定位的元素是否可见,取值包括:.visible(可见)、hidden(隐藏)和inherit(继承),默认值为inherit。

visilibity属性与display属性的不同之处在于:当隐藏元素时,visilibity属性定义的元素仍然为保留原有的显示空间。

4.处理元素重叠(z-index)

z-index属性用来控制重叠元素的显示顺序,值较高的元素将覆盖值较低的元素。

注意:z-index属性在设置了position并取值为"absolute"或"relative"时有效。可设置为+1或-1等等。