單位 & 選擇器

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)?

互動

完成答題百分比 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!
感謝贊助我們的合作夥伴! 深入詳情。