引言
CSS（层叠样式表）是网页设计中不可或缺的一部分，它允许开发者通过简单的代码来控制网页的布局、颜色、字体等样式。本文将带您深入了解简单的CSS代码，帮助您轻松美化您的网页设计。
CSS基础
1. CSS选择器
CSS选择器用于选择HTML元素并应用样式。以下是一些常用的选择器：
元素选择器
：直接使用HTML标签名选择元素，如
p
选择所有
元素。
类选择器
：使用
.
开头，如
.class
选择所有具有该类的元素。
ID选择器
：使用
#
开头，如
#id
选择具有该ID的元素。
2. CSS属性
CSS属性用于定义元素的样式。以下是一些常用的CSS属性：
颜色
：
color
属性用于设置文本颜色，如
color: red;
。
字体
：
font-family
属性用于设置字体类型，如
font-family: Arial, sans-serif;
。
背景
：
background-color
属性用于设置背景颜色，如
background-color: #f0f0f0;
。
边框
：
border
属性用于设置边框样式，如
border: 1px solid #000;
。
实践案例
1. 设置网页背景
body {
background-color: #f0f0f0;
}
这段代码将设置整个网页的背景颜色为浅灰色。
2. 设置文本样式
p {
color: #333;
font-size: 16px;
font-family: Arial, sans-serif;
}
这段代码将设置所有
元素的文本颜色为深灰色，字体大小为16px，字体类型为Arial。
3. 设置按钮样式
button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
这段代码将设置所有