如何使用标记来定义与外部资源的关系？

HTML 中使用 <link> 标记来定义与外部资源的关系。用于链接外部样式表。它被添加到 <head>…<head> 标记内，但没有关闭标记。在其中定义您的外部 CSS 文件。

单独创建的 CSS 文件将包含所有 CSS 代码。href 属性添加了 CSS 文件链接。

您可以尝试运行以下代码，在 HTML 中包含外部 CSS。HTML 文件位于此处，包含指向 CSS 文件 style.css 的链接

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" href="mystyles.css">
   </head>
   <body>
      <h1>Heading</h1>
      <p>This is demo content.</p>
   </body>
</html>

包含 CSS 代码的 CSS 文件 mystyles.css

h1
 { color: green; }
p
 { font-size: 14px; }

更新于: 2019-10-04

191 次浏览

开启您的 职业

通过完成课程来获得认证

开始
广告
© . All rights reserved.