css 属性书写方式有多种,包括缩写、大小写、连接符或驼峰命名法,以及前缀。使用变量可存储和重用属性值,而不同的书写方式具有不同的优先级,其中内联样式优先级最高,重要性声明优先级最低。
CSS 属性书写方式
CSS 属性可以有多种方式书写,包括:
缩写
-
background-color
可缩写为bgcolor
-
font-family
可缩写为font
大小写
CSS 属性名称不区分大小写,但约定俗成使用小写。
连接符和驼峰命名法
- 使用连接符:
background-color
- 使用驼峰命名法:
backgroundColor
使用前缀
一些 CSS 属性存在前缀,表示它属于特定的浏览器或版本。
-
-webkit-animation
前缀用于 WebKit 浏览器 -
-moz-transform
前缀用于 Mozilla 浏览器
使用变量
可以使用 CSS 变量来存储和重用属性值。
<code class="<a href=" https: target="_blank">css">:root { --primary-color: red; } body { color: var(--primary-color); }</code>
优先级
不同的 CSS 属性书写方式具有不同的优先级:
- 内联样式比外部样式表优先级更高
- 重要性声明 (
!important
) 优先级最高
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容