和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。
CSS规则集
-
选择器（Selector）：元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素。
-
声明（Declaration）：如
color: red;用来指定添加样式元素的属性。 -
属性（Properties）：本例中
color就是<p>元素的属性。 -
属性的值（Property value）：从指定属性的众多外观中选择一个值。
常用CSS选择器
选择器的种类远不止于此，更多信息请参阅 选择器。
| 选择器 | 示例 |
|---|---|
| 类型选择器 | h1 { } |
| 通配选择器 | * { } |
| 类选择器 | .box { } |
| ID选择器 | #unique { } |
| 标签属性选择器 | a[title] { } |
| 伪类选择器 | p:first-child { } |
| 伪元素选择器 | p::first-line { } |
| 后代选择器 | article p |
| 子代选择器 | article > p |
| 相邻兄弟选择器 | h1 + p |
| 通用兄弟选择器 | h1 ~ p |
| 联合选择 | p, li, h1 { } |
-
CSS选择器优先级：范围越小优先级越高
-
! important(强制优先) > 行内样式 > id选择器 > 类选择器 > 标签通配符 > 浏览器默认属性
盒子模型与常用属性
CSS 布局主要就是基于盒模型的。每个占据页面空间的块都有这样的属性：
-
padding：即内边距，围绕着内容（比如段落）的空间。 -
border：即边框，紧接着内边距的线。 -
margin：即外边距，围绕元素外部的空间。 -
width：元素的宽度 -
background-color：元素内容和内边距底下的颜色 -
color：元素内容（通常是文本）的颜色 -
text-shadow：为元素内的文本设置阴影 -
display：设置元素的显示模式（如给与块级元素行为）
常用字体与文本样式：
-
font-family：字体 -
font-size：字体大小 -
line-height：行高 -
letter-spacing：字间距