CSS是什么？
Cascading Style Sheete，用于定义页面元素的样式
设置字体和颜色；
设置位置和大学；
添加动画效果；
主要组成：
选择器：给页面定义样式，如颜色等；
属性，属性值：元素的属性和值；
在页面中使用CSS时，会使用外链，或者嵌入，或内联，但不推荐使用内联的样式；
CSS是如何工作的？
加载HTML—解析HTML—创建DOM树—展示页面
| |
加载CSS—解析CSS—添加样式到DOM节点
选择器：Selector
找出页面中的元素，以便给他们设置样式
使用多种方式选择元素：
按照标签名、类名或ID
按照属性
按照DOM树中的位置
组合：
直接组合：满足A的同时就满足B，如input：focus;
后代组合：选择B，如果他是A的子孙，如nav a;
亲子组合：A > B，选择B，如果他是A的子元素，如:section > P;
兄弟选择器：AB，选择B，如果他在A后且和A同级，如：h2P;
相邻选择器：A + B，选择B，如果他紧跟在A后面
选择器组：给多个标签都同时选择，并定义相关的样式
颜色：
RGB，给文本设置颜色，应用三原色设置，使用16进制，每种颜色两位；
HSL-更符合人的感官，色相（Hue）,饱和度（Saturation），亮度(Lightness)；
Alpha 透明度（不透明度）
字体：
通常情况下会设置多个，浏览器会自动按顺序选择，防止某些网页没有一些字体；
通用字体族：共有五类；
衬线体、无衬线体、手写体、Fantasy、等宽字体（编程会用到最多的）；
也可以使用Web Fonts字体；
但是在对中文使用字体时，通常需要对字体进行裁切，选出需要使用字体的文字；
字体大小设置：font-size
关键字：small、medium、large;
长度：px(像素)、em;
百分数：
相对与父元素字体大小
行高：line-height
空格：white-space
Normal:强制换行
Nowrap:强制不换行
Pre:保留所有,包括空行
Pre-wrap:一行内显示不下时再换行
Pre-line:合并空格，但同时也保留换行，即使有空格也不会合并下一行的内容；
调试CSS：
点击右键“检查”，调试程序
