如何使用 标签定义与外部资源的关系?

javascriptweb developmentfront end scripts

<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>标题</h1>
      <p>这是演示内容。</p>
   </body>
</html>

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

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

相关文章