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

<link> 标记在HTML中用于定义与外部资源的关系。它用于链接外部样式表。它被添加到<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; }

更新时间：04-Oct-2019

191 次观看

开启你的 职业生涯

完成课程，取得认证

开始
广告
© . All rights reserved.