CSS 不可不知的知識

CSS 並非只是單純的樣式語言，裡面藏有許多意想不到的行為與冷知識，從歷史遺留設計、瀏覽器實作差異到令人驚訝的技巧。透過這些知識，不僅能讓我們更了解 CSS 的底層運作，還能提升除錯能力與跨瀏覽器開發經驗。

色彩表示法

CSS 中對於色彩的定義有有色名、16 進位、色彩函式。選擇合適的色彩表示法，可以讓 CSS 程式碼更易讀、易於維護，也能更精確地控制網頁的視覺效果。

CSS 依類型提供了長度、角度、時間、比例等不同的單位表示法，選擇合適的單位可以讓 CSS 更靈活、響應式設計更容易實現。

區塊模型是 CSS 排版的基礎，它決定了元素如何佔據空間，如何顯示外距、內距、邊框，以及元素的實際大小。

用來設定元素如何顯示在頁面上的屬性，也就是它如何與其他元素排列、佔據空間。

是為了避免瀏覽器預設樣式造成的跨平台顯示差異，讓我們的網頁樣式達到一致性。

CSS 優先權是決定當多個 CSS 規則應用於同一個元素時，哪個規則會被採用的機制。理解優先權對於編寫可維護和可預測的 CSS 至關重要。

CSS 邊界重疊是指在特定情況下，垂直方向的相鄰外邊界不會相加，而是重疊為其中較大的那一個。這是 CSS 規範中一個容易造成布局問題的特性，特別是在垂直排版的元素中。