首頁 > web前端 > css教學 > 主體

為什麼要用CSS?

青灯夜游
發布: 2020-11-23 14:48:04
原創
3075 人瀏覽過

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

為什麼要用CSS?

為什麼要使用CSS?

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

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

  • 降低檔案大小、節省網路頻寬

  • ##避免重複

  • 使得維護更容易。

  • 網站的表現資訊和核心內容相分離,使得網站的設計人員能夠在短暫的時間內對整個網站進行各種各樣的修改。

  • 可以使用相同的內容加以不同的樣式來實現不同的目的

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

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

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

實作:為HTML文件建立樣式表

建立樣式表

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

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

strong { color: red; }
登入後複製

連結你的文件和樣式表

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

2.在你的HTML文件中,複製下面的程式碼並拷貝進去,那一行請引用你自己的樣式表:

<!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?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板