站長資訊網(wǎng)css樣式表可以幫助開發(fā)者從如何展示一個文檔的瑣事中分離出文檔的信息內(nèi)容，即把樣式從內(nèi)容中分離出來；這樣做的好處：1、可以使用相同的內(nèi)容加以不同的樣式來實現(xiàn)不同的目的；2、避免重復(fù)；3、使得維護更容易；4、減少網(wǎng)頁代碼量，提高網(wǎng)頁傳輸效率。
（推薦教程：CSS視頻教程）
為什么要使用css樣式表？
CSS幫助開發(fā)者從如何展示一個文檔的瑣事中分離出文檔的信息內(nèi)容。那些如何展示文檔的瑣事被稱為文檔的樣式。將樣式從內(nèi)容中分離出來有以下好處：
-
避免重復(fù)
-
使得維護更容易
-
可以使用相同的內(nèi)容加以不同的樣式來實現(xiàn)不同的目的
你的網(wǎng)站可能有成千上萬相似的頁面。使用CSS，你可以將樣式信息存儲在通用的文件中供所有的頁面共享。當(dāng)用戶打開了一個網(wǎng)頁，用戶的瀏覽器會單獨加載關(guān)于頁面內(nèi)容的樣式。當(dāng)用戶打印了一個網(wǎng)頁，你應(yīng)該提供不同的樣式來保證打印出來的頁面是易讀的。
通常，你會使用HTML來描述頁面內(nèi)容而不是樣式，使用CSS來指定頁面的樣式而不是內(nèi)容。當(dāng)然，也有例外，HTML也可以提供一些方法來指定樣式。例如，在HTML中你可以使用<b>標簽來加粗文本，也可以在<body>標簽中指定頁面的背景顏色。當(dāng)你使用CSS的時候，通常會避免使用HTML的樣式功能，這樣所有的樣式信息就都會被保存在一個地方。
使用css樣式表主要是為了方便于網(wǎng)頁設(shè)計的分工協(xié)作，比如說html部分由一個人或一個團隊去完成，js程序部分也是一批人去完成，css也是交給專業(yè)人士去做，這樣肯定就能提高效率，就像裝修房子，硬裝和軟裝都分別由專業(yè)的工程隊去做，肯定能做得又快又好。反之，如果所有工作都交給一個工程隊去完成，質(zhì)量和工期就無法保證了。
此外，一個網(wǎng)頁的css樣式表，可以原封不動就給另一個網(wǎng)頁甚至其他網(wǎng)站的網(wǎng)頁使用，這就意味著css是可以重用的，這樣就可以大大減少網(wǎng)頁的代碼量，提高網(wǎng)頁傳輸效率，也可以使網(wǎng)站保持劃一的外觀樣式，當(dāng)然同時也就減輕了網(wǎng)頁設(shè)計人員的工作強度。這就好比一個房子的裝修樣式，可以完全復(fù)制到另一個類似結(jié)構(gòu)的房子，這可以既可以減少房子裝修的成本，同時也可以讓房子保持統(tǒng)一的裝修風(fēng)格。
實踐：為HTML文檔創(chuàng)建樣式表
創(chuàng)建樣式表
1.創(chuàng)建一個文本文件；這個文件就是你的樣式表。命名為style1.css
2.在你的CSS文件中，復(fù)制下面這行代碼并拷貝進去，然后保存文件：
strong { color: red; }
鏈接你的文檔和樣式表
1.創(chuàng)建另一個文本文件；這個文件就是你的文檔。命名為你喜歡的任意名字
2.在你的HTML文件中，復(fù)制下面的代碼并拷貝進去，<link…>那一行請引用你自己的樣式表：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Sample document</title> <link rel="stylesheet" href="style1.css"> </head> <body> <p> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets </p> </body> </html>
3.保存文件并在瀏覽器中打開它。樣式表會使得<strong>標簽中的字母顯示成紅色，如下：
Cascading Style Sheets
