css 屬性書寫方式有多種,包括縮寫、大小寫、連接符或駝峰命名法,以及前綴。使用變量可存儲和重用屬性值,而不同的書寫方式具有不同的優(yōu)先級,其中內聯(lián)樣式優(yōu)先級最高,重要性聲明優(yōu)先級最低。
CSS 屬性書寫方式
CSS 屬性可以有多種方式書寫,包括:
縮寫
background-color 可縮寫為 bgcolor
font-family 可縮寫為 font
大小寫
CSS 屬性名稱不區(qū)分大小寫,但約定俗成使用小寫。
連接符和駝峰命名法
使用連接符: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>
登錄后復制
優(yōu)先級
不同的 CSS 屬性書寫方式具有不同的優(yōu)先級:
內聯(lián)樣式比外部樣式表優(yōu)先級更高
重要性聲明 (!important) 優(yōu)先級最高






