css 屬性書寫方式有多種,包括縮寫、大小寫、連接符或駝峰命名法,以及前綴。使用變量可存儲和重用屬性值,而不同的書寫方式具有不同的優先級,其中內聯樣式優先級最高,重要性聲明優先級最低。
CSS 屬性書寫方式
CSS 屬性可以有多種方式書寫,包括:
縮寫
background-color
可縮寫為 bgcolor
font-family
可縮寫為 font
大小寫
CSS 屬性名稱不區分大小寫,但約定俗成使用小寫。
連接符和駝峰命名法
使用連接符:background-color
使用駝峰命名法:backgroundColor
使用前綴
一些 CSS 屬性存在前綴,表示它屬于特定的瀏覽器或版本。
-webkit-animation
前綴用于 WebKit 瀏覽器
-moz-transform
前綴用于 Mozilla 瀏覽器
使用變量
可以使用 CSS 變量來存儲和重用屬性值。
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">:root { --primary-color: red; } body { color: var(--primary-color); }</code>
登錄后復制
優先級
不同的 CSS 屬性書寫方式具有不同的優先級:
內聯樣式比外部樣式表優先級更高
重要性聲明 (!important
) 優先級最高