论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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:10

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 实例:
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]

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


何如设置元素的外形,并以这个外形显示 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 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.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 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


如何垂直对齐一张图片 Vertical align an image
This example demonstrates how to vertical align an image in a text.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


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

Z-index can be used to place an element \"behind\" another element.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

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


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

The elements in the example above have now changed their Z-index.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.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定位属性答应你指定元素上下左右的位置。也答应你设置元素的外形,将元素安置在另一个元素的后面,并指定当元素内容超出范围后应该怎么做。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058