在 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 这个文件。
