樣式表能為我們做什么

1、樣式表能為我們做什么？樣式表能為我們做什么？那么樣式表有什么特別之處呢簡而言之它能幫你做以下事情:?你可以將格式和結(jié)構(gòu)分離。?你可以以前所未有的能力控制頁面布局。?你可以制作體積更小下載更快的網(wǎng)頁。?你可以將許多網(wǎng)頁同時更新，比以前快更容易。?瀏覽器將成為你更友好的界面你可以將格式和結(jié)構(gòu)分離。你可以將格式和結(jié)構(gòu)分離。HTML從來沒打算控制網(wǎng)頁的格式或外觀。這種語言定義了網(wǎng)頁的結(jié)構(gòu)和個要素的功能，而讓瀏覽器自己決定應(yīng)該讓各要素以何種模樣顯

2、示。但是網(wǎng)頁設(shè)計(jì)者要求的更多。所以當(dāng)scape推出新的可以控制網(wǎng)頁外觀的HTML標(biāo)簽時，網(wǎng)頁設(shè)計(jì)者無不歡呼雀躍。歡呼雀躍。我們可以用、包在外邊控制文章主體的外觀等等。然后我們將所有東西都放入表格，用隱式GIF空格產(chǎn)生一個20象素的邊距。一切都變得亂七八糟。編碼變得越來越臃腫不堪，要想將什么內(nèi)容迅速加到網(wǎng)頁中變得越來越難。串接樣式表通過將定義結(jié)構(gòu)的部分和定義格式的部分分離使我們能夠?qū)撁娴牟季质┘痈嗟目刂啤TML仍可以保持簡單明了的初

3、衷。CSS代碼獨(dú)立出來從另一角度控制頁面外觀。你可以以前所未有的能力控制頁面的布局。你可以以前所未有的能力控制頁面的布局。能使我們調(diào)整字號，表格標(biāo)簽幫助我們生成邊距，這都沒錯。但是，我們對HTML總體上的控制卻很有限。我們不可能精確地生成80象素的高度，不可能控制行間距或字間距，我們不能在屏幕上精確定位圖象的位置。但是現(xiàn)在，樣式表使這一切都成為可能。而即將推出的新的CSS功能更令人興奮。以后4天內(nèi)，你將會明白我所說的意味著什么。你可以制

4、作出體積更小下載更快的網(wǎng)頁你可以制作出體積更小下載更快的網(wǎng)頁還有更好的消息：樣式表只是簡單的文本，就象HTML那樣。它不需要圖象，不需要執(zhí)行程序，不需要插件，不需要流式。它就象HTML指令那樣快。有了CSS之后，以前必須求助于GIF的事情現(xiàn)在通過CSS就可以實(shí)現(xiàn)。還有，正如我先前提到的，使用串接樣式表可以減少表格標(biāo)簽及其它加大HTML體積的代碼，減少圖象用量從而減少文件尺寸。你可以更快更容易地維護(hù)及更新大量的網(wǎng)頁。Stylesheets

5、:Stylesheets:TheTheToolToolofofthetheWebWebDesignDesignGodsGodsAmazeyourfriends!Squashyourenemies!如果你的瀏覽器不支持CSS，請點(diǎn)擊這里觀看CSS的效果。做得很好！你已經(jīng)制作出了你的第1份樣式表支持的網(wǎng)頁。（如果“amazeyourfriends!”一行的背景不是黃色，則說明你需要升級你的瀏覽器，否則你將無法學(xué)完整個教程。建議你安裝scap

6、eCommunicat或者InterExpler4）一些術(shù)語一些術(shù)語讓我們學(xué)習(xí)一下這些新的編碼：串接樣式表的核心是規(guī)則。最簡單的規(guī)則就象這樣：H1col:green整個規(guī)則告訴瀏覽器將所有包圍的文字以綠色顯示。每一條規(guī)則包含一個選擇及說明。在上述例子中，H1就是選擇，它是一個附帶樣式功能的HTML標(biāo)簽。說明用于定義實(shí)際的樣式，包括兩部分：屬性（本例中即col）和參數(shù)（green）。任何HTML標(biāo)簽都可用作標(biāo)簽。所以你可以將樣式表的信息附