网站css模板代码（css制作网站）

以下是一个简单的 CSS 模板代码,可以根据需要进行修改:
```css
/* 通用样式表 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* 页面元素样式表 */
header {
background-color: #333;
color: #fff;
padding: 20px;
border-bottom: 1px solid #ccc;
}
nav {
background-color: #fff;
border-bottom: 1px solid #ccc;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #333;
text-decoration: none;
}
section {
display: flex;
flex-wrap: wrap;
}
section h1 {
font-size: 36px;
margin-bottom: 20px;
}
section p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
border-top: 1px solid #ccc;
}
```
这个模板代码包括了一个通用的样式表,用于覆盖整个网站的背景和页面元素的外观。它还包括了导航栏、侧边栏和文章列表等元素所需的样式。您可以根据自己的需要修改这些样式,以适应您的网站的需求。