在制作网页时，我们经常会用到CSS来美化页面，而CSS的链入方式也有很多种，下面我们就来了解一下。
1. 在html页面内使用style标签
我们可以在html页面内部使用style标签来写CSS样式，这种方式的优点是方便快捷，缺点是样式与结构没有分离，页面杂乱无章。代码如下：
<p><!DOCTYPE html></p><p><html></p><p><head></p><p><style></p><p>body {
</p><p> background-color: #F8F8F8;
</p><p>
}
</p><p></style></p><p></head></p><p><body></p><p></body></p><p></html></p>2. 在html页面中引入外部CSS文件
我们可以将CSS样式写在一个独立的CSS文件中，然后在html页面中通过link标签引入。这种方式的优点是使得页面结构与样式分离，提高了代码的可维护性和可读性。代码如下：
<p><!DOCTYPE html></p><p><html></p><p><head></p><p><link rel="stylesheet" type="text/css" href="style.css"></p><p></head></p><p><body></p><p></body></p><p></html></p>
3. 在html页面内嵌入CSS文件
我们可以在html页面内部使用link标签来引入CSS文件，代码如下：
<p><!DOCTYPE html></p><p><html></p><p><head></p><p><link rel="stylesheet" type="text/css" href="style.css" media="all"></p><p></head></p><p><body></p><p><style type="text/css"></p><p>h1 {
</p><p> color: red;
</p><p>
}
</p><p></style></p><p></body></p><p></html></p>以上就是CSS的三种链入方式，每种方式都有自己的使用场景，我们可以根据需要自由选择。当然，无论哪种方式，我们都要注意样式的优化，使得页面更加美观和易读。
