link 标签必须写 rel="stylesheet" 且 href 为有效路径，推荐置于 head 中；路径以 / 开头表示根目录，否则相对 HTML 当前位置；加载顺序决定覆盖关系，后解析的样式优先。

link 标签怎么写才生效

浏览器只认特定写法的 <link>，漏掉一个属性或放错位置，css 就不加载。

• 必须写 rel="stylesheet"，缺了它，浏览器当普通链接处理，样式不会应用
• href 值要是相对路径或绝对 URL，不能是本地文件系统路径（比如 file:///D:/style.css 在多数现代浏览器会被跨域策略拦截）
• 推荐放在 里，放 底部虽能工作，但可能造成页面先无样式渲染再重绘（FOUC）
• 示例正确写法：<link rel="stylesheet" href="css/style.css">

css 文件路径写不对的典型表现

样式没效果？大概率是路径问题。浏览器控制台会报 Failed to load resource: the server responded with a status of 404 ()，但很多人只盯着 CSS 写法，忽略这个提示。

• 路径以 / 开头：从网站根目录找，比如 href="/css/main.css" 对应 https://example.com/css/main.css
• 路径不以 / 开头：相对于当前 HTML 文件位置，href="css/main.css" 在 /pages/about.html 中，就会请求 /pages/css/main.css
• 用开发者工具的 Network 标签页点开那个 404 请求，看浏览器实际发的是什么 URL，比猜快得多

内联 style 和 link 加载顺序谁优先

不是“谁更高级”，而是“谁后解析谁赢”。浏览器按 HTML 文档流顺序解析样式规则，后面加载的同名规则会覆盖前面的。

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。

下载

• <link> 引入的外部 CSS 在文档头部，通常最先解析
• HTML 元素上的 style 属性（如 <div style="color:red">）属于内联样式，优先级最高，但仅作用于该元素 <li>如果在 <code> 里写了 <link>，又在 底部加了 <style></style> 块，后者声明的规则会覆盖前者同名项
• 注意：CSS 的 !important 是另一层机制，和加载顺序无关，慎用

HTML 中直接写 style 标签行不行

行，但只适合极小量、页面独有、不复用的样式。写多了会让 HTML 膨胀，且无法被浏览器缓存。

• 写法就是 <style>body { margin: 0; }</style>，必须放在 或 内，不能悬空
• 里面写的是标准 CSS，支持媒体查询、变量（--main-color）、伪类等，和外部文件完全一致
• 如果多个页面都用同一套按钮样式，硬编码到每个 HTML 里，改一处就得改十处——这时候就该抽成 <link rel="stylesheet" href="...">
外部 CSS 文件要能被反复利用，路径得稳，加载时机得准。最常出问题的不是语法，而是你以为的“当前目录”和浏览器实际理解的“当前目录”根本不是一回事。