开发者学堂课程【CSS 快速掌握：外链式 】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/611/detail/9166
外链式
内容介绍
一、具体内容
二、演示
一、具体内容
外链式是指单独写一个以 .css 为扩展名的文件，然后在 <head></head> 标签中使用 <link/>标签，将这个 css 文件链接到 html 文件中。
注意：Css 文件不能单独的运行，它必须要依赖于 HTML 文件！
语法格式：
<!--将单独的 css 文件链接到当前的HTML 文件中-->
<link rel="stylesheet"href=" CSS 文件的地址">
二、演示
演示：
<!DOCTYPE html>
<html lang=”en”>
<chead>
<meta charset="UTF-8">
<title>外链式</title>
<!--将单独的 css 文件链接到当前的HTML 文件中-->
<link rel-"stylesheet"href="./css/index.css";>
</head>
<body>
</body>
</html>
为了确保 css 文件被成功录入，需要进行如下检查：
第一步：在当前页面点击鼠标右键，选择“检查
第二步：找到 “Network” 选项卡
第三步：刷新当前网页
第四步：查找 networkd 选择卡中的 status ，状态如果是“成功”就表示文件已经被加载
如果是“失败"就表示文件没有加载。
Link 标签可以有多个，一个 HTML 页面可以同时的引入多个单独的 CSS 文件。
语法格式：
<!--将单独的 css 文件链接到当前的HTML 文件中-->
<link rel-"stylesheet"href="./css/index.css";>
<link rel-"stylesheet"href="./css/public.css";>
</head>
<body>
<div></div>
</body>
</html>
以上代码同时引入了两个 CSS 文件，也可以同时引入多个CSS 文件，只需要写 link 标签就即可。
