CSS未生效需检查引入方式与路径：一、外链用link标签，确保路径正确且文件存在；二、内嵌用style标签，语法须规范；三、内联用style属性，注意优先级；四、统一验证文档编码、协议限制、网络加载及选择器匹配。
如果您在HTML5文档中尝试引入CSS样式，但页面未按预期渲染，则可能是由于CSS引入方式不正确或路径配置错误。以下是使CSS样式生效的具体操作方法：
一、使用link标签外链CSS文件
通过标签在HTML文档的
部分引用外部CSS文件，是推荐的标准做法，可实现样式与结构分离，便于维护和复用。1、确保CSS文件已保存为独立的文本文件，扩展名为.css，例如style.css。
2、将CSS文件与HTML文件置于同一目录下，或明确写出相对路径或绝对路径。
立即学习“前端免费学习笔记（深入）”；
3、在HTML文件的
元素内部，插入标签，设置rel="stylesheet"、type="text/css"（HTML5中type可省略）、href属性指向CSS文件路径。4、确认href值拼写正确，区分大小写，且无多余空格或中文字符；若路径含中文或特殊符号，需检查服务器是否支持URL编码解析。
5、在浏览器中刷新页面，右键“查看页面源代码”，点击标签中的href链接，验证是否能直接下载或显示CSS内容；若返回404错误，说明路径无效。
二、使用style标签内嵌CSS样式
将CSS规则直接写入HTML文档的
1、在HTML文件的
部分添加之间书写标准CSS规则，如body { margin: 0; font-family: sans-serif; }。3、确保CSS语法正确，避免缺少花括号、分号或冒号等基础符号错误。
4、若页面中同时存在内嵌
5、检查浏览器开发者工具（F12）的“Elements”面板，确认
三、使用style属性内联样式
在单个HTML元素的开始标签中，通过style属性直接定义CSS声明，优先级最高，仅影响该元素本身，适合个别元素的临时样式调整。
1、在目标元素标签内，添加style属性，例如
2、style属性值中，每条CSS声明以英文分号分隔，属性名与值之间用英文冒号连接，不加空格亦可生效，但建议保留可读性空格。
3、避免在style属性中使用CSS简写属性以外的复杂语法，如@规则、伪类、媒体查询均不支持。
4、若发现内联样式未生效，检查是否被JavaScript动态修改了该元素的style对象，或存在!important声明覆盖。
5、使用开发者工具“Elements”面板选中该元素，在“Styles”选项卡顶部查看“element.style”区块，确认所设样式是否出现在此处并带删除线（表示被覆盖）。
四、验证CSS是否生效的关键检查点
无论采用何种引入方式，都需统一排查基础性问题，确保浏览器正确加载并应用样式规则。
1、确认HTML文档以开头，且保存编码为UTF-8，无BOM头，防止解析异常导致
2、检查浏览器地址栏URL是否以file://协议打开本地HTML文件；某些浏览器（如Chrome）默认禁止file://协议下的外链CSS加载，需启动本地服务器或改用Firefox测试。
3、在开发者工具的“Network”选项卡中刷新页面，筛选类型为css，观察对应CSS资源的状态码是否为200；若为0或failed，表明加载中断。
4、确认CSS选择器能准确匹配目标HTML元素，例如class名拼写一致、id唯一、标签名大小写匹配（HTML标签名不区分大小写，但自定义属性或XML环境需注意）。
5、检查是否存在display: none、visibility: hidden、opacity: 0等隐藏类干扰视觉呈现，或z-index层级被遮挡，造成“样式已加载但不可见”的误判。
