引言
CSS（层叠样式表）是网页设计中用于描述HTML文档样式的语言。它使得网页开发者能够控制网页的布局、颜色、字体等视觉元素。本文旨在帮助初学者快速掌握CSS的基础语法，并通过实战案例加深理解。
一、CSS基础语法
1.1 选择器
选择器用于指定要应用样式的HTML元素。CSS中有多种选择器，包括：
元素选择器
：直接使用HTML标签名称作为选择器，如
p
选择所有

元素。
类选择器
：使用
.
开头，如
.my-class
选择所有具有
my-class
类的元素。
ID选择器
：使用
#
开头，如
#my-id
选择具有
my-id
唯一ID的元素。
1.2 属性与值
每个CSS声明由一个属性和一个值组成，如
color: red;
。属性定义了样式的类型，值则是具体的样式设置。
1.3 声明块
一组CSS声明被大括号
{}
包围，形成一个声明块。一个选择器可以对应多个声明块。
二、实战案例
2.1 案例一：改变文本颜色
HTML
:

这是一个段落。

CSS
:
p {
color: blue;
}
效果
:
文本颜色变为蓝色。
2.2 案例二：设置字体和大小
HTML
:

这是一个标题。

CSS
:
h1 {
font-family: Arial, sans-serif;
font-size: 24px;
}
效果
:
标题使用Arial字体，字号为24像素。
2.3 案例三：创建边框和内边距
HTML
:

CSS
:
div {
border: 2px solid black;
padding: 10px;
}
效果
:
div元素周围有2像素的黑色边框，内部有10像素的内边距。
三、总结
通过本文的学习，读者应该对CSS的基础语法有了初步的了解。通过实战案例，读者可以更加直观地感受CSS的强大功能。在后续的学习中，可以进一步探索CSS的高级特性，如盒子模型、定位、响应式设计等。