简单网站模板css（简单的web网站模板）

以下是一个简单的网站模板的 CSS 代码示例:
```css
/* 通用样式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
/* 标题样式 */
h1 {
font-size: 32px;
margin-top: 20px;
text-align: center;
}
/* 段落样式 */
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
/* 列表样式 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* 单页样式 */
a {
color: #333;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #ccc;
}
/* 按钮样式 */
a:hover {
background-color: #ddd;
}
/* 响应式样式 */
@media screen and (max-width: 768px) {
h1 {
font-size: 24px;
}

p {
font-size: 14px;
}

ul {
list-style: decimal;
}

a {
color: #666;
}
}
```
这段 CSS 代码包含了一些通用的样式,如字体、背景颜色、标题样式、段落样式、列表样式和单页样式。它还包含了一个媒体查询,只有在屏幕宽度小于 768px 时才会应用。这个媒体查询定义了标题和段落的大小,以及按钮的颜色和样式。