css洪恩教程

1、CSS快速入門快速入門CSS是CadingStyleSheets（層疊樣式表單）的簡稱。更多的人把它稱作樣式表。顧名思義，它是一種設(shè)計網(wǎng)頁樣式的工具。借助CSS的強(qiáng)大功能，網(wǎng)頁將在您豐富的想象力下千變?nèi)f化。圖1圖2看到上面的兩幅圖片，您可能會認(rèn)為這是用photoshop或者是其他圖形處理軟件制作的吧?？墒巧厦娴睦訁s完全是用CSS編寫的。我們來看一下它的源代碼（不要以為講代碼您會搞不懂，很簡單的^_^）：csswdCSS樣式定義開始樣式

2、定義結(jié)束以下的區(qū)域內(nèi)采用中里面定義的格式hongen定義字體樣式(fontstyle)，包括字體大小(size)、粗細(xì)(bold)、顏色(col)fontsize、fontstyle和col是屬性，分別定義中“hongen”字體的大小(size)、樣式(style)和顏色(col)；而48、bold、red是屬性值。意思是“hongen”將以48pt、粗體、紅色的樣式顯示。由于整個段落是定義在中的，所以hongen又將顯示出中定義的濾鏡

3、屬性來。最終的結(jié)果就如同圖2一樣。圖1中的效果也是用很簡單的CSS語句實現(xiàn)的，只是運(yùn)用了CSS中的濾鏡屬性而已。通過上面的講解，我們可以看到用很簡單的CSS語句就可以實現(xiàn)許多需要專業(yè)軟件才可以達(dá)到的效果。利用屬性可以設(shè)置字體、顏色、背景等頁面格式；利用定位可以使頁面布局更加規(guī)范、好看；利用濾鏡可以使頁面產(chǎn)生多媒體效果。怎么樣，CSS的功能是不是很強(qiáng)大，在下面的教程中我們將對它進(jìn)行詳細(xì)的講解。怎樣編寫怎樣編寫CSS？從上面的例子中，我們可

4、以看到CSS的語句是內(nèi)嵌在HTML文檔內(nèi)的。所以，編寫CSS的方法和編寫HTML文檔的方法是一樣的。您可以用任何一種文本編輯工具來編寫。比如Windows下的記事本和寫字板、專門的HTML文本編輯工具（Frontpage、Ultraedit等），都可以用來編輯CSS文檔。那么您可能會問，獨(dú)立編輯好的CSS文檔怎樣加入到HTML文檔中呢？其實在第一章中的例子里已經(jīng)介紹了兩種方法。一種是把CSS文檔放到文檔中：……其中中的“type=‘te

5、xtcss’”的意思是中的代碼是定義樣式表單的。另一種方法是把CSS樣式表寫在HTML的行內(nèi)，比如下面的代碼：藍(lán)色14號文字這是采用的格式把樣式寫在html中的任意行內(nèi)，這樣比較方便靈活。還有一種方法是：把您編輯好的CSS文檔保存成“.CSS”文件，然后在中定義。定義的格式是這樣的：……我們看到這里應(yīng)用了一個，“rel=stylesheet”指連接的元素是一個樣式表（stylesheet）文檔。一般這里是不需要您改動的。而后面的“hre