CSS 分類 (Classification)
CSS 分類屬性允許你規(guī)定如何以及在何處顯示元素。
CSS分類(Classification)實(shí)例:
- 如何把元素顯示為內(nèi)聯(lián)元素
- 本例演示如何把元素顯示為內(nèi)聯(lián)元素。
- 如何把元素顯示為塊級(jí)元素
- 本例演示如何把元素顯示為塊級(jí)元素。
- float 屬性的簡(jiǎn)單應(yīng)用
- 使圖像浮動(dòng)于一個(gè)段落的右側(cè)。
- 將帶有邊框和邊界的圖像浮動(dòng)于段落的右側(cè)
- 使圖像浮動(dòng)于段落的右側(cè)。向圖像添加邊框和邊界。
- 帶標(biāo)題的圖像浮動(dòng)于右側(cè)
- 使帶有標(biāo)題的圖像浮動(dòng)于右側(cè)
- 使段落的首字母浮動(dòng)于左側(cè)
- 使段落的首字母浮動(dòng)于左側(cè),并向這個(gè)字母添加樣式。
- 創(chuàng)建水平菜單
- 使用具有一欄超鏈接的浮動(dòng)來(lái)創(chuàng)建水平菜單。
- 創(chuàng)建無(wú)表格的首頁(yè)
- 使用浮動(dòng)來(lái)創(chuàng)建擁有頁(yè)眉、頁(yè)腳、左側(cè)目錄和主體內(nèi)容的首頁(yè)。
- 定位:相對(duì)定位
- 本例演示如何相對(duì)于一個(gè)元素的正常位置來(lái)對(duì)其定位。
- 定位:絕對(duì)定位
- 本例演示如何使用絕對(duì)值來(lái)對(duì)元素進(jìn)行定位。
- 定位:固定定位
- 本例演示如何相對(duì)于瀏覽器窗口來(lái)對(duì)元素進(jìn)行定位。
- 如何使元素不可見(jiàn)
- 本例演示如何使元素不可見(jiàn)。你希望元素被顯示出來(lái),還是不呢?
- 把表格元素設(shè)置為 collapse(請(qǐng)?jiān)诜?IE 的瀏覽器中查看)
- 本例演示如何使表格元素疊加?
- 改變光標(biāo)
- 本例演示如何改變光標(biāo)。
- 清除元素的側(cè)面
- 本例演示如何使用清除元素側(cè)面的浮動(dòng)元素。
CSS 分類屬性 (Classification)
CSS 分類屬性允許你控制如何顯示元素,設(shè)置圖像顯示于另一元素中的何處,相對(duì)于其正常位置來(lái)定位元素,使用絕對(duì)值來(lái)定位元素,以及元素的可見(jiàn)度。
屬性 | 描述 |
---|---|
clear | 設(shè)置一個(gè)元素的側(cè)面是否允許其他的浮動(dòng)元素。 |
cursor | 規(guī)定當(dāng)指向某元素之上時(shí)顯示的指針類型。 |
display | 設(shè)置是否及如何顯示元素。 |
float | 定義元素在哪個(gè)方向浮動(dòng)。 |
position | 把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中。 |
visibility | 設(shè)置元素是否可見(jiàn)或不可見(jiàn)。 |