CSS外部样式表是一种通过独立的CSS文件来定义网页样式效果的方式。通过使用外部样式表，可以将网页的样式与内容分离开来，实现网页的结构与样式的分离。这种方法不仅可以极大地提高网页的可维护性，还可以减少页面代码的复杂度，增强页面的性能。
/* in style.css file */
body {
background-color: #f7f7f7;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #333;
}
h1 {
font-size: 28px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
p {
line-height: 1.5;
margin-bottom: 20px;
}
a {
color: #0077cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
在上面的例子中，我们定义了一套基本的样式规则，包括了页面的背景颜色、字体、字号、颜色等，以及标题、段落和链接等元素的样式。我们将这些样式保存在一个名为style.css的文件中。
要使用这个外部样式表，只需要在HTML文件的head部分添加一个link标签，并设置rel属性为stylesheet，href属性为样式表文件的路径：
<head> <title>My Webpage</title> <link rel="stylesheet" href="path/to/style.css"> </head>
这样，我们就成功地将样式表文件应用到了网页中。如果需要修改页面的样式，只需要修改style.css文件中的相应规则即可。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
