本文介绍了在HTML中如何通过两种方式引用外部CSS样式文件，包括导入式和外链式，以实现网页样式的分离和模块化管理，便于后期维护。
我们在样式选择器的基础上，可以将其保存起来，创建一个样式文件。
然后，下面有两种可以引用样式文件的方法，来更改我们的样式属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>行外样式（外联样式）</title>
<!--
<style>
/**
* 引用样式文件的方式一（导入式）
*/
/*通过url导入样式文件，来应用。*/
@import url("css/my.css");
</style>
-->
<!--
引用样式文件的方式二（外链式）
-->
<!--href是超文本链接的意思-->
<!--这里link不是转去的，link是不显示图片或文字的。-->
<!--引用样式，这样就将页面分开了。
想维护时，我们只需打开样式文件就可以了。
-->
<link href="../css/my.css" rel="stylesheet" />
</head>
<body>
<h1 class="text1">这是准备应用类样式的内容</h1>
<a href="#">这是准备应用类样式的内容</a>
<div id="st">
这是准备应用id选择器样式的内容
</div>
</body>
</html>
扫一扫
1759
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
