如何使用 标签定义与外部资源的关系?
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; }