三種引入方式
style 屬性裡。<style> 標籤中。.css 檔案再用 <link> 引入(最佳實務)。顏色表達
red、blue
#ff0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)
文字控制
font-family:設定字體,建議多個備選。font-size:字體大小(px、em、rem)。font-weight:粗細(normal、bold、100–900)。line-height:行高,讓段落更好讀。text-align:文字對齊方式。<body>
  <h1>我的第一個 CSS 樣式</h1>
  <p>這是一段普通文字,已經套上了 CSS 樣式。</p>
  <p class="highlight">這是一段特別強調的文字。</p>
</body>
h1 {
  color: darkblue;
  font-family: "Microsoft JhengHei", sans-serif;
  text-align: center;
}
p {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}
.highlight {
  background-color: yellow;
  font-weight: bold;
}

font-family 加上系統字體或通用字型line-height 改善可讀性font-size 與 line-height 的組合今天正式踏入 CSS 的世界,感覺像是替 HTML 骨架注入靈魂。以前只有結構,現在加上顏色和字體,整個畫面馬上生動起來。
我特別喜歡 HSL 的顏色表示法,因為能直觀地控制色相、飽和度與亮度,比 RGB 更容易調整。文字的部分則讓我理解到排版不只是大小,而是行距、粗細、字體的搭配,這些都會影響可讀性。
雖然目前只是最基本的樣式,但已經能感受到「樣式魔法」的威力。就像驅魔師拿到第一根法杖,雖然還是入門,但能施展的技能已經大不相同。