CSS 4 in coming

Posted by Bruce Tsai
03/02/2016

CSS 3 在的各家瀏覽器大多已經實作完後，CSS 4 的規格也在逐漸在制定中，對於前端有興趣的不妨可以先行研究一下新的功能。

動態計算

CSS 4 加入了動態計算的處理 calc()，The Fab Four technique to create Responsive Emails without Media Queries，談論了利用 CSS calc() 來處理 responsive desgin 的版型問題，在 MDN 中也有相關的說明。未來也許這也會變網頁設計上的基本模式，但也可能對前端設計人員造成更多負擔。現行 CSS 相關的處理可參考 Sass、Less、stylus 等，有興趣的可深入研究。

Selector level 4

CSS 的 selector 一直是前端開發必要的技能之一。從 level 1 到 level 4 增加了不少東西，愈來愈方便的同時也意味著愈來愈複雜，對前端開發的人員而言最好能夠儘量掌握。Selectors Level 4 是目前的草稿，表列了 level 1 到 level 4 支援的功能，可以了解一下功能的演變。