HTML link

在 HTML 中,link 标签用于在 HTML 中引入外部 CSS 文件。其中,link 是一个自闭合标签。

语法:

<link rel="stylesheet" href="CSS文件路径">

说明:

需要注意的是,最新的 HTML5 标准中,link 标签不需要加上 type="text/css" 属性。下面 2 种写法是等价的,推荐写法 1。

<!--写法1-->
<link rel="stylesheet" href="CSS文件路径">

<!--写法2-->
<link type="text/css" rel="stylesheet" href="CSS文件路径">

提示: link 标签定义的是 CSS 外部样式,而 style 标签定义的是 CSS 内联样式。

示例:使用 link 引入外部 CSS 文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
</body>
</html>

分析:

<link rel="stylesheet" href="css/index.css">

上面这句代码,表示在当前页面中引入 css 目录中的 index.css 这个文件。

上一篇: HTML script

下一篇: HTML body

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号