CSS 教程
一、概述
CSS（Cascading Style Sheets）是一种用于描述HTML或XML（包括各种XML方言，如SVG、XHTML、XHTML等）文档样式的样式表语言，CSS是网页设计的重要组成部分，它使网页开发者能够将样式信息与文档内容分开，从而实现更高效、更易于维护的网页设计。
二、CSS语法
CSS规则由两个主要部分组成：选择器和一组声明块，选择器通常是你想要样式化的HTML元素，声明块包含一个或多个声明，每个声明由属性和值组成。
下面是一个简单的CSS规则的示例：
h1 {
color: red;
text-align: center;
}在这个例子中，`h1`是选择器，`color`和`text-align`是属性，`red`和`center`是它们对应的值，这个规则的意思是，所有的`h1`元素都应该以红色文本居中显示。
三、CSS选择器
CSS选择器用于选择你想要样式化的HTML元素，以下是一些常见的CSS选择器：
1. 元素选择器：元素选择器根据元素名称选择元素，`p`选择器会选择所有的段落元素。
2. 类选择器：类选择器使用元素的class属性来选择元素，`.intro`选择器会选择所有class为"intro"的元素。
3. ID选择器：ID选择器使用元素的ID属性来选择元素，`#firstname`选择器会选择ID为"firstname"的元素。
4. 属性选择器：属性选择器根据元素的属性来选择元素，`[target]`选择器会选择所有具有"target"属性的元素。
5. 后代选择器：后代选择器使用空格符号来选择特定元素的后代元素，`div p`选择器会选择所有在div元素内的段落元素。
6. 子元素选择器：子元素选择器使用大于符号（>）来选择特定元素的直接子元素，`div > p`选择器会选择所有直接作为div元素子元素的段落元素。
7. 相邻兄弟选择器：相邻兄弟选择器使用加号（+）来选择特定元素的下一个兄弟元素，`div + p`选择器会选择所有紧接在div元素后的段落元素。
8. 通用兄弟选择器：通用兄弟选择器使用波浪号（~）来选择特定元素的所有后续兄弟元素，`div ~ p`选择器会选择所有在div元素之后的所有段落元素。
四、CSS属性
CSS属性是你想要样式化的元素的特性，以下是一些常见的CSS属性：
1. color：设置文本颜色。
2. background-color：设置背景颜色。
3. font-size：设置字体大小。
4. font-family：设置字体类型。
5. text-align：设置文本对齐方式。
6. margin：设置元素的外边距。
7. padding：设置元素的内边距。
8. border：设置元素的边框。
9. width：设置元素的宽度。
10. height：设置元素的高度。
11. display：设置元素的显示方式。
12. position：设置元素的定位方式。
13. float：设置元素的浮动方式。
14. clear：设置元素的清除方式。
15. line-height：设置行高。
