🎨 CSS 樣式：顏色、字體與邊界美化

CSS (Cascading Style Sheets) 是網頁的造型師，它決定了 HTML 內容的呈現方式。掌握顏色、字體和邊界模型，是讓頁面變得專業且美觀的基礎。

1. 顏色控制：讓頁面有生命力

您可以使用多種方式來定義顏色，選擇統一的配色方案可以極大提升用戶體驗。

2. 字體排版：提升可讀性與風格

良好的字體選擇和排版是網頁設計的靈魂。請記得選擇易讀的字體並控制大小。

.text {
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400; /* 或 bold/700 */
}

.paragraph {
  line-height: 1.7; /* 行高，保持文本不擁擠 */
  text-align: justify; /* 左右對齊 */
  letter-spacing: 0.5px; /* 字距 */
}

3. 掌握邊界模型：Padding 與 Margin

所有 HTML 元素都可以視為一個 Box。邊界模型由內容 (Content)、內邊距 (Padding)、邊框 (Border) 和外邊距 (Margin) 組成。