一. CSS

1.CSS叫做层叠样式表，用来设置页面中元素的样式。背景颜色、字体颜色、字体大小
2.CSS负责结构、表现、行为中的表现
3.编写的位置有3点：
1.内联样式：
(1) 将样式编写到标签的style属性中
(2) <p style="color:red;"></p>
(3) 这种样式只会对当前标签起作用，不能对样式进行复用，不方便后期维护，不推荐使用

2.内部样式表：
(1) 将样式表编写到head中的style标签中
(2) <style type="text/css"></style>
(3) 使用内部样式表，进一步将表现和结构分离，可以同时为多个元素设置样式，方便后期的维护

3.外部样式表：
(1) 将样式表编写到外部的CSS文件中，然后通过link标签将外部文件引入
(2) <link rel="stylesheet" type="text/css" href="文件的路径"/>
(3) 将样式编写到外部样式表中，可以在不同的页面中使用同一个样式表，完全将表现和结构分离，方便后期的维护，推荐使用的方式

4.基本语法:
(1) 选择器
(2) 声明块
5.元素之间的关系:
(1) 父元素
(2) 子元素
(3) 祖先元素
(4) 后代元素
(5) 兄弟元素
6.块元素和内联元素:
(1) 块元素
(2) 内联元素
(3) 包裹规则
7.伪类和伪元素:
(1) 伪类和伪元素用来表示元素所处的一个特殊的状态，或者是一个特殊的位置
(2) link
(3) visited
(4) hover
(5) active
(6) focus
(7) selection
(8) first-letter
(9) first-line
(10) before
(11) after
8.属性选择器:
(1) 根据元素的属性选择指定元素
(2) [属性名]
(3) [属性名="属性值"]
(4) [属性名^="属性值"]
(5) [属性名$="属性值"]
(6) [属性名*="属性值"]
9.兄弟元素选择器:
(1) 选取后一个兄弟元素
(2) 选取后边所有的兄弟元素
10.子元素的伪类:
(1) first-child
(2) last-child
(3) nth-child
(4) first-of-type
(5) last-of-type
(6) nth-of-type
11.否定伪类:
(1) 从一组元素中将符合要求的元素剔除出去
(2) 语法：
not(选择器)
(3) 例子：
abc:not(div)
12.样式的继承:
(1) 为祖先元素设置样式，会同时应用到它的后代元素上，这一特性称为样式的继承。
(2) 通过样式的继承可以将一些样式统一设置个祖先元素，这样所有的后代都会应用到相同的样式。
(3) 但是并不是所有的样式都会继承，比如：背景相关的，边框相关的，定位相关的。具体参考文档
13.选择器的优先级:
(1) 当使用选择器为元素设置样式时，如果样式发生了冲突，采用哪个样式由选择器的优先级来决定。
(1) 优先级
(2) 当样式发生冲突时，需要将相关的选择器优先级进行求和计算，优先级高的优先显示，如果优先级一样，则显示靠后的样式
(3) 优先级计算时，总大小不能超过他的最大的数量级
(4) 可以在样式后边添加一个!important，如果样式中添加了该内容，则该样式将会获取最大的优先级，将会优先于所有的样式显示，包括内联样式，但是这个属性要慎用。
14.选择器的性能:
(1) 浏览器在解析一组选择器时，是从后边往前一个一个的解析的
(2) 如果选择器编写过于长的话，浏览器解析起来性能会比较差，所以在编写选择器时，越短越好。
(3) 通配选择器，性能也比较差，要避免使用通配选择器
15.单位:
(1) 长度单位:
px
%
em
(2) 颜色单位:
颜色单词
RGB值
十六进制RGB值
(3) 文本样式:
字体
文本样式