跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

HTML中如何使用内联样式设置元素外观

内联样式必须写在style属性中,仅对视觉元素生效,特异性为1000,优先级最高;不支持伪类、伪元素、@media及!important;语法须用短横线、分号分隔、带空格值加引号、单位不可省。 内联样式能直接控制单个元素的外观,但必须写在
style
属性里,其他地方无效;它优先级最高,但不能写伪类、不能响应式、也不能用
!important
提升——因为已经是最高的了。 style 属性值怎么写才合法 浏览器只认
style
这个属性名,拼错(比如
stytle
或
css
)就完全不生效。它的值是 CSS 声明列表,不是 JSON,也不是 JS 对象: 每条声明用英文冒号分隔属性和值,例如
color: red
,不是
color = red
多条声明之间用英文分号分隔,末尾分号可省但建议保留,避免加新样式时出错 属性名必须用短横线格式,如
background-color
、
font-family
,不能写成
backgroundColor
值中含空格(如字体名
Courier New
)必须加引号,推荐统一用单引号:
font-family: 'Courier New'
哪些 CSS 属性能在 style 里用 绝大多数标准 CSS 属性都支持,但有两个硬限制:
:hover
、
::before
等伪类和伪元素无法通过
style
设置——它们只能出现在