一、CSS简介
CSS（层叠样式表）是一种用于描述网页文档样式的标记语言。它可以控制网页的布局、字体、颜色、大小、背景等外观效果。CSS与HTML结合使用，通过选择器来选择HTML元素，并为其应用样式。
1.1 CSS的作用
控制网页布局
美化网页元素
提高网页用户体验
实现样式和结构的分离
1.2 CSS的基本语法
CSS的基本语法由选择器和声明块组成。
选择器
选择器用于选取要应用样式的HTML元素。常见的选择器有：
元素选择器（例如p、div）
类选择器（以.开头，例如.class）
ID选择器（以#开头，例如#id）
声明块
声明块包含一系列的属性和值，用于定义要应用的样式。
例如：
p {
color: red;
font-size: 16px;
}
上述代码中，选择器为
p
，表示要应用样式的是所有的
p
元素。
color
属性用于改变文本颜色，
font-size
属性用于改变字体大小。
二、CSS选择器
2.1 标签选择器
标签选择器是选择器中最简单的一种，它直接选择页面中的标签。
例如：
div {
background-color: #f0f0f0;
}
上述代码中，选择器为
div
，表示要应用样式的是所有的
div
元素。
2.2 类选择器
类选择器以
.
开头，用于选择具有相同类的元素。
例如：
.red-text {
color: red;
}
上述代码中，选择器为
.red-text
，表示要应用样式的是所有具有
red-text
类的元素。
2.3 ID选择器
ID选择器以
#
开头，用于选择具有相同ID的元素。
例如：
#header {
background-color: #333;
}
上述代码中，选择器为
#header
，表示要应用样式的是具有
header
ID的元素。
2.4 复合选择器
复合选择器由多个单选择器组成，用于选择多个元素。
例如：
ol li {
list-style-type: none;
}
上述代码中，选择器为
ol li
，表示要应用样式的是所有
ol
标签下的
li
元素。
三、CSS样式属性
CSS样式属性用于定义元素的外观。以下是一些常用的样式属性：
3.1 字体样式
font-family
：定义字体名称
font-size
：定义字体大小
font-weight
：定义字体粗细
font-style
：定义字体风格（正常、斜体）
3.2 文本样式
color
：定义文本颜色
text-align
：定义文本对齐方式
line-height
：定义行高
text-decoration
：定义文本装饰（下划线、删除线、上划线）
3.3 背景样式
background-color
：定义背景颜色
background-image
：定义背景图片
background-repeat
：定义背景图片重复方式
background-position
：定义背景图片位置
3.4 边框样式
border
：定义边框样式（宽度、颜色、样式）
border-radius
：定义边框圆角
3.5 盒模型样式
margin
：定义元素外边距
padding
：定义元素内边距
width
：定义元素宽度
height
：定义元素高度
四、CSS引入方式
CSS可以通过以下三种方式引入：
4.1 内部样式
在HTML文档中直接使用
这是一个测试文本。