CSS樣式表能為我們實(shí)現(xiàn)些什么樣的功能?
1、那么css樣式表有什么特別之處呢?簡(jiǎn)而言之, 它能幫你做以下事情:
2、你可以將格式和結(jié)構(gòu)分離。
3、你可以以前所未有的能力控制頁(yè)面布局。
4、你可以制作體積更小下載更快的網(wǎng)頁(yè)。
5、你可以將許多網(wǎng)頁(yè)同時(shí)更新,比以前更快更容易。
6、瀏覽器將成為你更友好的界面
你可以將格式和結(jié)構(gòu)分離
HTML從來(lái)沒(méi)打算控制網(wǎng)頁(yè)的格式或外觀。這種語(yǔ)言定義了網(wǎng)頁(yè)的結(jié)構(gòu)和個(gè)要素的功能,而讓瀏覽器自己決定應(yīng)該讓各要素以何種模樣顯示。 但是網(wǎng)頁(yè)設(shè)計(jì)者要求的更多。所以當(dāng) Netscape推出新的可以控制網(wǎng)頁(yè)外觀的HTML標(biāo)簽時(shí),網(wǎng)頁(yè)設(shè)計(jì)者無(wú)不歡呼雀躍。 我們可以用<FONT FACE>、<I>包在<P>外邊控制文章主體的外觀等等。然后我們將所有東西都放入表格,用隱式GIF空格 產(chǎn)生一個(gè)20象素的邊距。一切都變得亂七八糟。編碼變得越來(lái)越臃腫不堪,要想將什么內(nèi)容迅速加到網(wǎng)頁(yè)中變得越來(lái)越難。 串接樣式表通過(guò)將定義結(jié)構(gòu)的部分和定義格式的部分分離使我們能夠?qū)?yè)面的布局施加更多的控制。HTML仍可以保持簡(jiǎn)單明了的初衷。CSS代碼獨(dú)立出來(lái)從另一角度控制頁(yè)面外觀。
你可以以前所未有的能力控制頁(yè)面的布局
<FONT SIZE>能使我們調(diào)整字號(hào),表格標(biāo)簽幫助我們生成邊距,這都沒(méi)錯(cuò)。但是,我們對(duì)HTML總體上的控制卻很有限。我們不可能精確地生成80象素的高度,不可能控制行間距或字間距,我們不能在屏幕上精確定位圖象的位置。但是現(xiàn)在,樣式表使這一切都成為可能。而即將推出的新的CSS功能更令人興奮。
你可以制作出體積更小下載更快的網(wǎng)頁(yè)還有更好的消息:
樣式表只是簡(jiǎn)單的文 本,就象HTML那樣。它不需要圖象,不需要執(zhí)行程序,不需要插件,不需要流式。它就象HTML指令那樣快。有了CSS之后,以前必須求助于GIF的事 情現(xiàn)在通過(guò)CSS就可以實(shí)現(xiàn)。還有,正如我先前提到的,使用串接樣式表可以減 少表格標(biāo)簽及其它加大HTML體積的代碼, 減少圖象用量從而減少文件尺寸。
你可以更快更容易地維護(hù)及更新大量的網(wǎng)頁(yè)
沒(méi)有樣式表時(shí),如果我想更新整個(gè)站點(diǎn)中所有主體文本的字體,我必須一頁(yè)一頁(yè)地修改每張網(wǎng)頁(yè)。即便站點(diǎn)用數(shù)據(jù)庫(kù)提供服務(wù),我仍然需要更新所有的模板, 而且更新每一模板中每一個(gè)實(shí)例實(shí)例的 <FONT FACE>。樣式表的主旨就是將格式和結(jié)構(gòu)分離。 利于樣式表,我可以將站點(diǎn)上所有的網(wǎng) 頁(yè)都指向單一的一個(gè)CSS文件,我只要 修改CSS文件中某一行,那么整個(gè)站點(diǎn) 都會(huì)隨之發(fā)生變動(dòng)。
瀏覽器將成為你更友好的界面
不象其它的的網(wǎng)絡(luò)技術(shù),樣式表的代碼 有很好的兼容性,也就是說(shuō),如果用戶 丟失了某個(gè)插件時(shí)不會(huì)發(fā)生中斷,或者 使用老版本的瀏覽器時(shí)代碼不會(huì)出現(xiàn)雜 亂無(wú)章的情況。 只要是可以識(shí)別串接樣式表的瀏覽器就 可以應(yīng)用它。 怎么樣,樣式表的確是一個(gè)很不錯(cuò)的注 意吧? 那么,現(xiàn)在我們就開(kāi)始制作一份樣式表。