我認(rèn)為這是一個(gè)不錯(cuò)的css的實(shí)例教程�！】吹缴厦娴膬煞鶊D片，您可能會(huì)認(rèn)為這是用photoshop或者是其他圖形處理軟件制作的吧�？墒巧厦娴睦�子卻完全是用CSS編寫的。uAf紅軟基地

軟件介紹

級聯(lián)樣式表是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。uAf紅軟基地

軟件定位

CSS 為定位和浮動(dòng)提供了一些屬性，利用這些屬性，可以建立列式布局，將布局的一部分與另一部分重疊，還可以完成多年來通常需要使用多個(gè)表格才能完成的任務(wù)。uAf紅軟基地
定位的基本思想很簡單，它允許你定義元素框相對于其正常位置應(yīng)該出現(xiàn)的位置，或者相對于父元素、另一個(gè)元素甚至瀏覽器窗口本身的位置。顯然，這個(gè)功能非常強(qiáng)大，也很讓人吃驚。要知道，用戶代理對 CSS2 中定位的支持遠(yuǎn)勝于對其它方面的支持，對此不應(yīng)感到奇怪。uAf紅軟基地
另一方面，CSS1 中首次提出了浮動(dòng)，它以 Netscape 在 Web 發(fā)展初期增加的一個(gè)功能為基礎(chǔ)。浮動(dòng)不完全是定位，不過，它當(dāng)然也不是正常流布局。我們會(huì)在后面的章節(jié)中明確浮動(dòng)的含義。uAf紅軟基地

軟件截圖

uAf紅軟基地