在网页开发中，CSS外部样式表是非常常用的一种方法，下面我们来看一下一个CSS外部样式表的实例:
/* main.css */
body {
font-size: 16px;
font-family: Arial,sans-serif;
background-color: #F5F5F5;
}
h1 {
font-size: 24px;
color: #333;
margin-bottom: 20px;
}
p {
font-size: 18px;
line-height: 1.5;
color: #666;
margin-bottom: 20px;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #333;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease-in-out;
}
.btn:hover {
background-color: #555;
}
上面这段代码就是一个典型的CSS外部样式表文件的例子，我们可以看到，它定义了一些基本的样式，如页面整体的背景色和字体，以及页面中的标题、段落和按钮等元素的样式。
我们可以把这段代码放在一个名字为"main.css"的文件中，然后在HTML页面中通过以下方式引入:
<head>
<link rel="stylesheet" href="main.css">
</head>
这样，HTML页面就会自动引入"main.css"文件中的样式，从而达到改变页面样式的目的。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
