bfc（Block Formatting Context）
实现bfc方法
1.body根元素
2.设置浮动，不包括none
3.设置定位，absoulte或者fixed
4.行内块显示模式，inline-block
5.设置overflow，即hidden，auto，scroll
6.表格单元格，table-cell
7.弹性布局，flex
相对单位大小
单位 相对于 em在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如 width ex字符“x”的高度 ch数字“0”的宽度 rem根元素的字体大小 lh元素的 line-height vw视窗宽度的 1% vh视窗高度的 1% vmin视窗尺寸的 1% vmax视图寸的 1%
percent: 如果将元素的字体大小设置为百分比，那么它将是元素父元素字体大小的百分比。如果使用百分比作为宽度值，那么它将是父值宽度的百分比
使用百分比作为元素外边距（margin）或填充（padding）的单位时，值是以包含块的内联尺寸进行计算的，也就是元素的水平宽度。在我们的示例中，所有的外边距或填充都是宽度的 10%。请记住一个事实，当你使用百分比作为元素外边距或填充的单位时，你将得到一个相同尺寸的外边距或填充。
当使用
object-fit时，替换元素可以以多种方式被调整到合乎盒子的大小。cover fill contain
在对替换元素使用各种 CSS 布局时，你可能会发现他们的表现方式与其他元素有一些细节>上的差异。例如，flex 或者 grid 布局中，默认情况下元素会被拉伸到充满整块区域。但是
图像不会被拉伸，而会对齐到网格区域或者弹性容器的起始处。`为了强制图像拉伸，以充满其所在的网格单元，你必须做类似于下面的事情：` ``` css img { width: 100%; height: 100%; }
EMMENT语法
snipaste工具
盒子宽度
解决嵌套元素垂直外边距塌陷问题
清除浮动
CSS属性书写顺序
相对定位
绝对定位
z-index属性只有定位的盒子才有这个属性
绝对定位、相对定位与浮动的特殊性
icomoon
1. 网站上选择内容并下载，加入font文件夹，cssStyle样式
2. 复制图标内容 加font-family属性
（追加图标: 选selection.json文件上传，追加后下载替换）
三角形
三角形 表格轮廓 大小拖动
vertical-align
省略号
类选择器 伪类选择器 属性选择器权重一样
元素选择器 伪元素选择器权重一样
css3新属性
私有前缀
移动端
flex
线性渐变
媒体查询
rem
