css教程:CSS定位屬性的應用_CSS教程
教程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 實例:
[ 可先修改部分代碼 再運行查看效果 ]
如何使用絕對值來定位元素 Position:absolute
This example demonstrates how to position an element using an absolute value.
Examples 實例:
[ 可先修改部分代碼 再運行查看效果 ]
何如設置元素的外形,并以這個外形顯示 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 實例:
[ 可先修改部分代碼 再運行查看效果 ]
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 實例:
[ 可先修改部分代碼 再運行查看效果 ]
如何垂直對齊一張圖片 Vertical align an image
This example demonstrates how to vertical align an image in a text.
Examples 實例:
[ 可先修改部分代碼 再運行查看效果 ]
Z-index
Z-index可以讓一元素放到另一元素的"后面"
Z-index can be used to place an element "behind" another element.
Examples 實例:
[ 可先修改部分代碼 再運行查看效果 ]
Z-index
上面例子中的元素現在Z-index值已經發生的變化
The elements in the example above have now changed their Z-index.
Examples 實例:
[ 可先修改部分代碼 再運行查看效果 ]
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定位屬性可以讓你定義元素的位置
如何讓一元素相對于原始位置進行相對定位 Position:relative
This example demonstrates how to position an element relative to its normal position.
Examples 實例:
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
如何使用絕對值來定位元素 Position:absolute
This example demonstrates how to position an element using an absolute value.
Examples 實例:
代碼調試框 [www.wf0088.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.wf0088.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.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
如何垂直對齊一張圖片 Vertical align an image
This example demonstrates how to vertical align an image in a text.
Examples 實例:
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
Z-index
Z-index可以讓一元素放到另一元素的"后面"
Z-index can be used to place an element "behind" another element.
Examples 實例:
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
Z-index
上面例子中的元素現在Z-index值已經發生的變化
The elements in the example above have now changed their Z-index.
Examples 實例:
代碼調試框 [www.wf0088.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教程:
- 相關鏈接:
- 教程說明:
CSS教程-css教程:CSS定位屬性的應用。