css教程:CSS关于显示的分类属性的应用示例_CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
The CSS classification properties allow you to specify how and where to display an element.
CSS分类属性答应你指定元素怎样显示并在哪显示。


怎样显示一元素 How to display an element
This example demonstrates how to display an element.
Examples 实例:
代码调试框 [www.mb5u.com]

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


一个简单的浮动属性 A simple use of the float property
Let an image float to the right in a paragraph.
Examples 实例:
代码调试框 [www.mb5u.com]

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


一个带边框和边距的图片浮动到一个段落的右边 An image with border and margins that floats to the right in a paragraph
Let an image float to the right in a paragraph. Add border and margins to the image.
Examples 实例:
代码调试框 [www.mb5u.com]

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


带说明的图片浮动到右边 An image with a caption that floats to the right
Let an image with a caption float to the right.
Examples 实例:
代码调试框 [www.mb5u.com]

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


让一段落的第一个字符浮动到左边 Let the first letter of a paragraph float to the left
Let the first letter of a paragraph float to the left and style the letter.
Examples 实例:
代码调试框 [www.mb5u.com]

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


建立一水平菜单 Creating a horizontal menu
Use float with a list of hyperlinks to create a horizontal menu.
Examples 实例:
代码调试框 [www.mb5u.com]

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


使用float来建立一个带有标题,脚标,左内容和主内容的首页 Creating a homepage without tables
Use float to create a homepage with a header, footer, left content and main content.
Examples 实例:
代码调试框 [www.mb5u.com]

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


样式让元素相对于它的原始位置来进行相对定位 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]

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


怎样使一元素不可见 How to make an element invisible
This example demonstrates how to make an element invisible. Do you want the element to show or not?
Examples 实例:
代码调试框 [www.mb5u.com]

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


如何改变游标的样子 Change the cursor
This example demonstrates how to change the cursor.
Examples 实例:
代码调试框 [www.mb5u.com]

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


The CSS classification properties allow you to control how to display an element, set where an image will appear in another element, position an element relative to its normal position, position an element using an absolute value, and how to control the visibility of an element.
CSS类别属性答应你控制元素的显示效果,设置图象将在显示在另一元素的哪个位置,相对于元素正常位置的定位,以绝对值来定位一元素,并控制元素的可见性。

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