我認(rèn)為這是一個不錯的css的實(shí)例教程。　看到上面的兩幅圖片，您可能會認(rèn)為這是用photoshop或者是其他圖形處理軟件制作的吧�？墒巧厦娴睦�子卻完全是用CSS編寫的。uAf紅軟基地

軟件介紹

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

軟件定位

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

軟件截圖

uAf紅軟基地