CSS（Cascading Style Sheets），层叠样式表，是一种用来控制网页内容外观样式的语言。通过CSS，我们可以对网页的颜色、大小、字体、布局等进行灵活地调整和改变。下面将介绍一些常见的CSS网页设计代码。
1. 颜色样式
可以通过CSS改变网页元素的颜色。例如，要将网页中所有的段落文字颜色改为红色，可以使用以下代码：
```
p {
color: red;
}
```
如果只想改变特定的段落文字颜色，可以使用类选择器或ID选择器：
```
这是一段特殊的文字。
.special {
color: blue;
}
这是一段独特的文字。
#unique {
color: green;
}
```
2. 字体样式
可以通过CSS改变网页元素的字体样式。例如，要将网页中所有的标题字体样式改为Arial字体，可以使用以下代码：
```
h1
h2
h3 {
font-family: Arial
sans-serif;
}
```
如果只想改变特定的标题字体样式，可以使用类选择器或ID选择器。
3. 大小样式
可以通过CSS改变网页元素的大小。例如，要将网页中所有的图片大小改为宽度为200px，高度为300px，可以使用以下代码：
```
img {
width: 200px;
height: 300px;
}
```
如果只想改变特定的图片大小，可以使用类选择器或ID选择器。
4. 布局样式
可以使用CSS来设置网页的布局。例如，要将网页中的元素居中显示，可以使用以下代码：
```
.container {
display: flex;
justify-content: center;
align-items: center;
}
```
5. 响应式设计
响应式设计是指网页能够根据不同设备的屏幕大小进行自适应布局。可以使用CSS的媒体查询来实现响应式设计。例如，要在屏幕宽度小于600px时将网页元素的字体样式改为宋体，可以使用以下代码：
```
@media screen and (max-width: 600px) {
body {
font-family: SimSun
serif;
}
}
```
