## 加载本地CSS的方法
HTML5提供了两种加载本地CSS的方法:
### 使用`<link>`标签
“`html
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”local.css”>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
### 使用`<style>`标签
使用`<style>`标签也可以加载本地CSS。与`<link>`标签不同,`<style>`标签只是声明了样式表,而不会自动下载和加载。例如,以下代码将创建一个包含本地CSS文件的网页,并在其中使用样式表:
“`html
<!DOCTYPE html>
<html>
<head>
<style>
/* 声明样式表 */
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
在上面的代码中,`<style>`标签中声明了一个简单的样式表,该样式表将在网页中显示。
## 结论
通过在HTML5中使用`<link>`和`<style>`标签,开发人员可以加载本地CSS文件,从而可以更灵活地控制网页的外观和布局。使用本地CSS文件可以提高网页的可访问性和可维护性,使开发人员能够更好地满足用户需求。