论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css布局 | 发表日期:2008-9-26 11:33:09

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 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


一个简单的浮动属性 A simple use of the float property
Let an image float to the right in a paragraph.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.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 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


带说明的图片浮动到右边 An image with a caption that floats to the right
Let an image with a caption float to the right.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.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 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


建立一水平菜单 Creating a horizontal menu
Use float with a list of hyperlinks to create a horizontal menu.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


使用float来建立一个带有标题,脚标,左内容和主内容的首页 Creating a homepage without tables
Use float to create a homepage with a header, footer, left content and main content.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


样式让元素相对于它的原始位置来进行相对定位 Position:relative
This example demonstrates how to position an element relative to its normal position.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


如何使用绝对值来定位一个元素 Position:absolute
This example demonstrates how to position an element using an absolute value.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.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 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


如何改变游标的样子 Change the cursor
This example demonstrates how to change the cursor.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.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类别属性答应你控制元素的显示效果,设置图象将在显示在另一元素的哪个位置,相对于元素正常位置的定位,以绝对值来定位一元素,并控制元素的可见性。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058