Link5

最近 Chrome 108 版宣布開始支援新的 Viewport Units：lvh, svh, dvh。這也是 Interop 2022 的第 9 個工作項目。Chrome 開始支援後，目前四大瀏覽器都已支援新的 Viewport 單位。

稍微有點規模的專案，都有著複雜的 HTML 結構。你在開發某一頁時，根本不會知道你寫的這一個 CSS，跟已存在的 CSS 到底誰的權重重。如果已存在的 CSS 權重重，就暴力覆寫，大概會是這樣的情況。

隨著回應式網頁的普及，各大瀏覽器都已經支援 CSS min(), max(), clamp()。使用這三個 function 除了可以簡化 CSS 程式碼，更因為可以內嵌運算式，加上 CSS 目前是朝原生參數化的方向在走，在實際使用上可以有更多的想像和寫法。

與 CSS 2 不同，CSS 3 不是用一大張文件來定義所有的規格，而是將不同的功能用不同文件定義，每個文件稱之為 “module” (所以 CSS 3 是由很多 module 所組成)。還記得 W3C 的四個文件狀態 (WD，CR，PR，REC)， CSS 3 的每個 module 有自己的文件狀態。