今天的学习让我把之前学的知识进行了一个汇总。
1、关系：HTML是基础，css为其增色。
2、工作原理：首先浏览器把html和css转换成dom（文档对象模型）——把文档内容和样式结合在一起，然后再浏览器上显示dom就出现了最后的结果。
3、dom：相当于一种树形结构，每个元素、属性、文本都相当于一个结点，然后把这些节点分支连接在包含这些的总元素上就构成了一棵树。
4、css应用到html中的三种方法：
（1）外部样式表：HTML是一个文件，css是一个文件，然后再HTML中写上一句<link href="XX.css" rel="stylesheet"> //相对而言最好的。如果有需要，只需改动一处，就可以把所有连接在css的HTML文本的内容都改写。
（2）内部样式表：<head><style>在此处添加css样式</style><head>。
（3）内联模式：<p style="color:red;"> //很难维护，不建议用
5、语法：选择器{ 属性：属性值； }
6、语句：
- @-规则(At-rules) 传递元数据、条件信息或其它描述性信息。它由（
@）符号开始，紧跟着一个表明它是哪种规则的描述符，之后是这种规则的语法块，并最终由一个半角分号（;）结束。每种由描述符定义的@-规则，都有其特有的内部语法和语义。@charset和@import（元数据）@media或@document（条件信息，又被称为嵌套语句，见下方。)@font-face（描述性信息）
@import 'custom.css'; 该@-规则向当前 CSS 导入其它 CSS 文件
- 嵌套语句
@media只有在运行浏览器的设备匹配其表达条件时才会应用该@-规则的内容；@supports只有浏览器确实支持被测功能时才会应用该@-规则的内容；@document只有当前页面匹配一些条件时才会应用该@-规则的内容。
@media (min-width: 801px) { /*只有在页面宽度超过801像素时才会应用。*/ body { margin: 0 auto; width: 800px; } }
7、文字样式：
（1）基于字体的改变
font： font-style, font-variant, font-weight, font-stretch, font-size/line-height, font-family.
font-family（必写）：字体样式，可自定义，也可用“楷体”的形式表示，但默认的有5种，serif, sans-serif，monospace，cursive和 fantasy，为防止用到的字体没有，可以并列使用。
font-size（必写）：字体大小，尽量先设整体（body）的大小，方便以后所有的内容都以此为基准进行调整。可用px，em，rem（几倍），%，small/big；
font-weight：字体粗细，normal/bold，lighter/bolder，也可用100-900间的整数设定粗细。
font-style：字体风格，italic（倾斜）/normal（去掉倾斜）/oblique（模拟倾斜）。
（2）基于文本的改变
color：文本颜色，可用red等表示颜色的单词，也可用#000000表示。
text-decoration：文本装饰，underline（下划线）/overline（上划线）/line-through（横穿）/none（去除本来带下划线的）。
text-transform：文本转换，uppercase（变成大写）/lowercase（变成小写）/capticalize（只有首字母大写）/full-width（将所有字形转换成固定宽度的正方形）/none。
text-shadow：为文本添加阴影，水平向右偏移距离（向左为负）+竖直向上偏移距离（向下为负）+模糊半径+颜色（text-shadow:5px 5px 4px red;）。
text-align：文本对齐，center/right/left/justify（自适应，改变单词间的距离，等于行宽）
line-height：行高，直接加数值1.5或其他。