RTY 實踐出真知

CSS分類(Classification)實例：

如何把元素顯示為內聯元素

本例演示如何把元素顯示為內聯元素。

如何把元素顯示為塊級元素

本例演示如何把元素顯示為塊級元素。

float 屬性的簡單應用

使圖像浮動于一個段落的右側。

將帶有邊框和邊界的圖像浮動于段落的右側

使圖像浮動于段落的右側。向圖像添加邊框和邊界。

帶標題的圖像浮動于右側

使帶有標題的圖像浮動于右側

使段落的首字母浮動于左側

使段落的首字母浮動于左側，并向這個字母添加樣式。

創建水平菜單

使用具有一欄超鏈接的浮動來創建水平菜單。

創建無表格的首頁

使用浮動來創建擁有頁眉、頁腳、左側目錄和主體內容的首頁。

定位：相對定位

本例演示如何相對于一個元素的正常位置來對其定位。

定位：絕對定位

本例演示如何使用絕對值來對元素進行定位。

定位：固定定位

本例演示如何相對于瀏覽器窗口來對元素進行定位。

如何使元素不可見

本例演示如何使元素不可見。你希望元素被顯示出來，還是不呢？

把表格元素設置為 collapse（請在非 IE 的瀏覽器中查看）

本例演示如何使表格元素疊加？

改變光標

本例演示如何改變光標。

清除元素的側面

本例演示如何使用清除元素側面的浮動元素。

CSS 分類屬性 (Classification)

CSS 分類屬性允許你控制如何顯示元素，設置圖像顯示于另一元素中的何處，相對于其正常位置來定位元素，使用絕對值來定位元素，以及元素的可見度。