HTML样式生效关键在于正确使用style属性、标签或外部CSS文件,并注意优先级与作用域;内联样式需用双引号包裹、单位不可省、分号分隔;必须置于内;外部CSS用引入,路径需准确;调试优先查DevTools。
HTML 样式代码不是靠“写一堆样式就能生效”,关键在 style 属性、 标签或外部 .css 文件这三种用法是否匹配当前需求,且优先级和作用范围没被忽略。
内联样式怎么加:只对单个元素临时改样式
用 style 属性直接写在 HTML 标签里,适合调试或极个别覆盖。注意属性名是 CSS 语法(如 background-color),不是 HTML 原生属性,且值必须带单位(px、em 等)或引号包裹字符串。
常见错误:
文字
—— 缺少 px 单位,浏览器会忽略 font-size;
—— 缺少引号,HTML 解析失败。
- 必须用双引号包裹整个
style值 - 多个声明用英文分号
;分隔 - 不推荐大量使用:无法复用、维护难、优先级过高反而难覆盖
标签写在哪:页面级样式最常用的位置
必须放在 内,不能写在 里(虽然部分浏览器能渲染,但不符合规范,可能触发 quirks mode)。里面写的是标准 CSS 规则,选择器可作用于整个页面。
立即学习“前端免费学习笔记(深入)”;