Skip to content

CSS (Cascading Style Sheets)

又稱串接樣式表、級聯樣式表、階層式樣式表,用於描述 HTML 文件外觀和格式的樣式表語言。主要用以塑造網站的特殊風格,也就是用於控制網頁的視覺呈現。例如: 這段文字要用一般的黑色或是改用紅色標明重點? 某段重要內容應該置於畫面的何處? 想用什麼背景圖片及顏色裝飾你的網站?

為什麼使用 CSS?

  • 分離內容與樣式: CSS 將樣式與 HTML 結構分離,讓開發者可以更輕鬆地管理和維護網頁。早期的排版都是用表格來製作,因此,原始碼中便會參雜著要讓使用者觀看與排版相關的內容。也由於前面敘述的原因,原始碼複雜的難以維護。
  • 除錯較容易: 網頁的內容有問題就找 HTML,視覺的呈現有問題就找 CSS。
  • 提升複用性、擴充性: 一個 CSS 文件可以應用於多個 HTML 頁面,減少重複工作。甚至,能讓已使用的樣式擴充數種不同的樣式出來。
  • 網頁的下載速度更快: 呈上述,樣式與結構分離後,結構的檔案體積變小、樣式又提供給結構複用,這樣一來,下載的效率就變高。
  • 改善用戶體驗: 通過 CSS,可以創建更美觀且一致的網頁設計。

CSS 的學習資源