CSS (Cascading Style Sheets) 教學

CSS (Cascading Style Sheets，階層式樣式表) 是用來描述網頁外觀和樣式的語言，CSS 可以控制網頁中元素的顏色、字體、間距、排版位置，甚至是動畫效果。

CSS 和 HTML 是密不可分的搭檔，HTML 負責描述網頁的內容和結構，而 CSS 負責讓這些內容變得美觀好看。

為什麼要學 CSS？因為 CSS 是三個網頁開發的基礎語言的其中一個：

• HTML: 描述網頁的內容和結構
• CSS: 描述網頁的樣式和畫面如何被呈現
• JavaScript: 描述網頁的行為，讓網頁可以跟使用者互動

對於網頁前端 (frontend) 開發者而言，CSS 是一定要學會的吃飯技能！

CSS 能做什麼？

透過 CSS，我們可以：

• 設定文字的顏色、大小、字體
• 調整元素之間的間距和排列方式
• 設計網頁的整體佈局
• 製作響應式設計，讓網頁在不同裝置上都能正常顯示
• 加入動畫和過渡效果

CSS 長什麼樣子？

一段 CSS 程式碼看起來會像這樣：

h1 {
  color: blue;
  font-size: 24px;
}

p {
  color: #333333;
  line-height: 1.6;
}

上面的 CSS 程式碼做了這些事：

• 將所有 <h1> 標題的文字顏色設為藍色，字體大小設為 24px
• 將所有 <p> 段落的文字顏色設為深灰色，行高設為 1.6 倍

CSS 的版本

CSS 的標準是由 W3C (World Wide Web Consortium) 組織制定的，目前最新的版本是 CSS3。CSS3 引入了許多強大的新功能，像是圓角、陰影、漸層、Flexbox、Grid 等，讓網頁設計變得更加靈活。

不過 CSS3 並不是一個單一的規範，而是由許多獨立的模組所組成，每個模組有自己的版本號和發展進度。