單位 & 選擇器
CSS 難以駕馭的原因之一是明明動作很小,有時候卻造成極大的影響。字體要以 em 還是像素來調整大小?應該用哪個選擇器 (selector)?有任何避免得用 JavaScript 才可以做出來的方法嗎?
熟悉單位與選擇器會就會影響到這些情況,即使這很不容易,至少會簡單些。
單位
完成答題百分比 99.55% (11266)
完成答題百分比 99.55% (11266)
百分比%數量Σ
開發者們在用哪些 CSS 單位?
偽元素
完成答題百分比 98.56% (11154)
完成答題百分比 98.56% (11154)
百分比%數量Σ
開發者們在用哪些偽選擇器 (pseudo selector)?
組合
完成答題百分比 98.42% (11138)
完成答題百分比 98.42% (11138)
百分比%數量Σ
開發者們在用哪些 CSS 選擇器組合?
樹狀/文件結構
完成答題百分比 98.31% (11126)
完成答題百分比 98.31% (11126)
百分比%數量Σ
開發者們在用哪些結構相關的 CSS 選擇器組合?
屬性
完成答題百分比 91.54% (10360)
完成答題百分比 91.54% (10360)
百分比%數量Σ
開發者們在用哪些 CSS 屬性選擇器 (attirbute selector)?
連結與網址
完成答題百分比 84.62% (9577)
完成答題百分比 84.62% (9577)
百分比%數量Σ
開發者們在用哪些連結與網址相關的 CSS 選擇器?
互動
完成答題百分比 99.34% (11242)
完成答題百分比 99.34% (11242)
百分比%數量Σ
開發者們在用哪些互動的 CSS 選擇器組合?
表單操作元件 (Form Controls)
完成答題百分比 90.45% (10236)
完成答題百分比 90.45% (10236)
百分比%數量Σ
開發者們在用哪些表單相關的選擇器?
推薦資源
The Complete Design to Code Learning Path
Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didn’t even know existed!
感謝贊助我們的合作夥伴! 深入詳情。