精細排版能顯著提升設計水準與閱讀體驗。十大高頻技巧，即學即用：

1. 校準行高

最常見錯誤：行高設定不當。行高 = 字體大小 + 7px（12-17px 字體通用公式）。
body { font-size:14px; line-height:21px; }

2. 修正標題 Margin

標題屬於下方段落，非分割線。margin-top > margin-bottom 才符合閱讀邏輯。

3. 字體品種 ≤ 3 種

超過 3 種字體干擾閱讀、顯得混亂。建議：標題一種、正文一種、Logo/副標題一種，乾淨專業。

4. 代碼區塊用等寬字體

字符等寬利於代碼對齊閱讀。Courier 經典，Consolas、Monaco 更現代優雅。

5. 關注對比度

中灰底（#999）禁用深灰字（#333），老花/弱視用戶難讀。除非黑客/哥特風格，淺底深字是可讀性底線。

6. 僅超連結加底線

12 年瀏覽器預設：藍字+底線=連結。底線已成連結心智模型，非連結加底線會嚴重誤導用戶。

7. 建立樣式庫

特殊頁面建特殊樣式（如 .warning 警告框），視覺衝擊力瞬間提升。

8. 標題與正文建立層級

H1-H6 + 導語 + 正文，標籤層級化，用戶快速掃描結構、定位興趣區塊。

9. 大膽留白

留白 = 空白區/未用空間。設計整齊專業蘋果風，留白是關鍵。簡單精致源於捨得留白。

10. 正確使用標點符號

引號區分：直引號 "" vs 曲引號 “”。WordPress 自動轉換智能引號；手寫碼需用 HTML 實體 “ ”。細節決定質感。

掌握這十招，排版水準與閱讀體驗雙提升。