CSS的概念詳解
CSS（Cascading Style Sheet，可譯為“層疊樣式表”或“級聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。CSS最早是1996年由W3C審核通過并推薦使用的，CSS目前最新版本為CSS3，是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計語言。相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言。
一、網(wǎng)頁中標記的概念
我們知道CSS是用來表示W(wǎng)eb頁面外觀的，在學習CSS之前，要先了解一些網(wǎng)頁中的基本知識，那就是網(wǎng)頁中的標記。標記語言，也稱置標語言，是一種將文本以及與文本相關(guān)的其他信息結(jié)合起來，展現(xiàn)出關(guān)于文檔結(jié)構(gòu)和數(shù)據(jù)處理細節(jié)的電腦文字編碼。當前廣泛使用的網(wǎng)頁標記語言有兩種：超文本標記語言（HTML）和可擴展超文本語言（XHTML）
為了便于讀者從整體上把握HTML文檔結(jié)構(gòu)，通過一個HTML頁面的整體結(jié)構(gòu)，示例代碼如下所示：
<html>
<head>
<title>網(wǎng)頁標題</title>
</head>
<body>
網(wǎng)頁內(nèi)容
</body>
</html>
從上面代碼可以看出，一個基本的HTML頁由以下幾個部分構(gòu)成。
（1）<html></html>。說明本頁面使用HTML語言編寫，使瀏覽器軟件能夠準確無誤地解釋、顯示。
（2）<head></head>。head是HTML的頭部標記，頭部信息不顯示在網(wǎng)頁中，此標記內(nèi)容可以保護一些其他標記，可以說明文件標題和整個文件的一些公用屬性，可以通過<style>標記定義CSS樣式表，通過<script>標記定義JavaScript腳本文件。
（3）<title></title>。title是head中的重要組成部分，它包含的內(nèi)容顯示在瀏覽器的窗口標題中。如果沒有title，瀏覽器標題欄顯示本頁的文件名。
（4）<body></body>。body包含HTML頁面的實際內(nèi)容，顯示在瀏覽器窗口的客戶區(qū)中。例如頁面中文字、圖像、動畫、超鏈接、以及其他HTML相關(guān)的內(nèi)容都是定義在body標記里面。
二、HTML與CSS的互補
HTML發(fā)展到今天存在3個主要的缺點：
第一：由于HTML代碼不規(guī)范、臃腫、需要足夠智能和龐大的瀏覽器才能夠正確顯示HTML；
第二：數(shù)據(jù)與表現(xiàn)混雜，當頁面要改變顯示時就必須重新制作HTML；
第三：不利于搜索引擎搜索。
HTML也有兩個顯著的優(yōu)點：
第一：使用Table的表現(xiàn)方式不需要考慮瀏覽器兼容問題；
第二：簡單易學，易于推廣。CSS的產(chǎn)生恰好彌補了HTML的主要缺點，主要表現(xiàn)在以下幾個方面。
1、表現(xiàn)與結(jié)構(gòu)分離
CSS從真正意義上實現(xiàn)了設(shè)計代碼與內(nèi)容的分離，它將設(shè)計部分剝離出來并放在一個獨立樣式文件中，HTML文件中只存放文本信息，這樣的頁面對搜索引擎更加友好。
2、提高頁面瀏覽速度
對于同一個頁面視覺效果，采用CSS布局的頁面內(nèi)容量要比Table編碼的頁面文件容量小得多，前者一般只有后者的1/2.瀏覽器不用去解釋大量冗長的標簽。
3、易于維護和改版
開發(fā)者只要簡單修改幾個CSS文件就可以重新設(shè)計整個網(wǎng)站的頁面。
4、繼承性能優(yōu)越（層疊處理）
CSS的代碼在瀏覽器的解析順序上會根據(jù)CSS的級別進行，它按照對同一元素定義的先后來應(yīng)用多個樣式。良好的CSS代碼設(shè)計可以使代碼之間產(chǎn)生繼承關(guān)系，能夠達到最大限度的代碼重用，從而降低代碼量及維護成本。
三、瀏覽器對CSS的支持
目前CSS 3是眾多瀏覽器普遍支持的最完善的版本，最新的瀏覽器均以該版本為支持原型進行設(shè)計，例如IE9、Firefox和谷歌瀏覽器等。使用CSS 3樣式設(shè)計出來的網(wǎng)頁，在眾多平臺及瀏覽器下對樣式的表現(xiàn)最為接近?；鸷鼮g覽器對CSS的支持是最全面的，所以本教程中的示例大多是在火狐瀏覽器下運行的。
更多建議：