為什麼要用CSS？ - tw511教學網

使用css可以將網頁的大部分甚至是全部的表示資訊（樣式）從HTML檔案中移出，實現樣式和內容分離；這樣可以降低檔案大小、節省網路頻寬，避免樣式程式碼重複，使得維護更容易，可以使用相同的內容加以不同的樣式來實現不同的目的。

為什麼要使用CSS？

CSS幫助你從如何展示一個檔案的瑣事中分離出檔案的資訊內容。那些如何展示檔案的瑣事被稱為檔案的樣式。

css將網頁的大部分甚至是全部的表示資訊從（X）HTML檔案中移出，並將它們保留在一個樣式表中。將樣式從內容中分離出來有以下好處：

降低檔案大小、節省網路頻寬
避免重複
使得維護更容易。
站點的表現資訊和核心內容相分離，使得站點的設計人員能夠在短暫的時間內對整個網站進行各種各樣的修改。
可以使用相同的內容加以不同的樣式來實現不同的目的

CSS簡化了網頁的格式程式碼，外部的樣式表還會被瀏覽器儲存在快取裡，加快了下載顯示的速度，也減少了需要上傳的程式碼數量（因為重複設定的格式將被只儲存一次）。只要修改儲存著網站格式的CSs樣式表檔案就可以改變整個站點的風格特色，在修改頁面數量龐大的站點時，顯得格外有用。這就避免了一個個網頁的修改，大大減少了工作量。

你的網站可能有成千上萬相似的頁面。使用CSS，你可以將樣式資訊儲存在通用的檔案中供所有的頁面共用。當使用者開啟了一個網頁，使用者的瀏覽器會單獨載入關於頁面內容的樣式。當使用者列印了一個網頁，你應該提供不同的樣式來保證列印出來的頁面是易讀的。

通常，你會使用HTML來描述頁面內容而不是樣式，使用CSS來指定頁面的樣式而不是內容。當然，也有例外，HTML也可以提供一些方法來指定樣式。例如，在HTML中你可以使用<b>標籤來加粗文字，也可以在<body>標籤中指定頁面的背景顏色。當你使用CSS的時候，通常會避免使用HTML的樣式功能，這樣所有的樣式資訊就都會被儲存在一個地方。

實踐：為HTML檔案建立樣式表

建立樣式表

1.建立一個文字檔案；這個檔案就是你的樣式表。命名為style1.css

2.在你的CSS檔案中，複製下面這行程式碼並拷貝進去，然後儲存檔案：

strong { color: red; }

連結你的檔案和樣式表

1.建立另一個文字檔案；這個檔案就是你的檔案。命名為你喜歡的任意名字

2.在你的HTML檔案中，複製下面的程式碼並拷貝進去，<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>

更多程式設計相關知識，請存取：！！

以上就是為什麼要用CSS？的詳細內容，更多請關注TW511.COM其它相關文章！