rem、px、em 字体大小

px是相对于显示器屏幕分辨率的存在，是一个 绝对单位，不随页面缩放而变化。计算方式为：1px = 1/96英寸。

em是相对于 元素自身 的字体大小的存在，如果元素没有设置字体大小，则相对于父元素的字体大小。

rem是相对于 根元素（即html元素） 的字体大小的存在，它不受 元素字体大小 和 父元素字体大小 的影响，只受根元素字体大小的影响。

CSS 选择器特性: 继承性、 层叠性、优先级

继承性

• 字体系列 属性
• 文本相关 属性
• 元素可见性 属性
• 列表相关 属性
• 表格相关 属性
• 其他 属性，如：cursor （光标样式）、direction （文本方向）、unicode-bidi （双向文本处理）、outline （轮廓线）、quotes （引用样式）、pointer-events （指针事件）。

优先级 写 CSS 样式的时候，会给同一个元素添加多个样式，此时谁的权重高就显示谁的样式 其中 !important > 行内样式 > id > 类/伪类/属性 > 标签 > 全局选择器 > 浏览器默认样式

transform、 translate、transition

Transform 变形， rotate旋转、skew扭曲、scale缩放、translate移动、matrix 2D转换方法

Translate 平移

Transition 过渡， property运动 duration持续时间 timing-function delay延迟

BFC的布局规则

1. 内部的 box 会在垂直方向上，一个接一个的放置
2. box 垂直方向 的距离由 margin 决定，属于同一个BFC的两个相邻 box 的 margin 会发生重叠
3. BFC 的区域不会与浮动元素区域重叠
4. BFC 就是页面上一个独立容器，容器内的子元素不会影响到外面的元素
5. 计算 BFC 的高度时，浮动元素也参与计算