css教程:CSS定位属性的应用_CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
The CSS positioning properties allows you to position an element.
使用CSS定位属性可以让你定义元素的位置


如何让一元素相对于原始位置进行相对定位 Position:relative
This example demonstrates how to position an element relative to its normal position.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


如何使用绝对值来定位元素 Position:absolute
This example demonstrates how to position an element using an absolute value.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


何如设置元素的外形,并以这个外形显示 Set the shape of an element
This example demonstrates how to set the shape of an element. The element is clipped into this shape, and displayed.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


Overflow
当元素的内容超过了指定的范围,overflow属性就可以指定应该以怎样的形式来处理

This example demonstrates how to set the overflow property to specify what should happen when an element's content is too big to fit in a specified area.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


如何垂直对齐一张图片 Vertical align an image
This example demonstrates how to vertical align an image in a text.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


Z-index
Z-index可以让一元素放到另一元素的"后面"

Z-index can be used to place an element "behind" another element.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


Z-index
上面例子中的元素现在Z-index值已经发生的变化

The elements in the example above have now changed their Z-index.
Examples 实例:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


The CSS positioning properties allow you to specify the left, right, top, and bottom position of an element. It also allows you to set the shape of an element, place an element behind another, and to specify what should happen when an element's content is too big to fit in a specified area.
CSS定位属性答应你指定元素上下左右的位置。也答应你设置元素的外形,将元素安置在另一个元素的后面,并指定当元素内容超出范围后应该怎么做。

来源:无忧整理//所属分类:CSS教程/更新时间:2006-11-11
相关CSS教程