其他功能
概觀來看,CSS 的本體不是由誘人的、夢幻般的 Grid 或動畫所組成,到頭來還是渺小的、常常在第一眼看起來沒啥用處的偏門小眾屬性,可以節省下好幾個小時的工作。
CSS 變數和支援度查詢 (support queries) 就屬於此:它們得花些時間進入你的世界,不過,只要把握住全部潛力,反而會懷疑沒有它們時該怎麼辦。
使用情況概觀
外圍圓圈的大小代表知道某功能的使用者總數,而內圈代表實際在使用的人數。 將滑鼠移到節點上,就可以看到詳細資料,還有代表此問卷答題者總數的區塊。
Usage by Years Of Experience
「全體」這欄顯示每一項技術的整體使用情況(也就是答題者選取了「會再使用」或「不會再使用」), 而接下來的幾欄是依照「資歷年數」分組的使用比例。
比較亮的粉紅色背景,代表該分組比全體平均比例還要高。
Variables
@supports
The @supports
CSS at-rule lets you specify declarations that depend on a browser's support for one or more specific CSS features. This is called a feature query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule.
Contain
The contain
CSS property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.