第一天
HTML
CSS
选择器
继承
filter：筛选符合条件的规则
声明值：元素的某属性的值
cascading：按照来源、选择器、顺序比较优先级
层叠值：经过比较最后得到的值
defaulting：对没有声明值的属性使用继承或初始值
指定值：
resolving：将一些相对值或关键字转化为绝对值（em→px）
计算值：最后计算得到的绝对的值（继承时继承的就是计算值）
formatting：将计算值进一步转化
使用值：实际布局时使用的值
constraining：将像素值转换为整数
实际值
布局
常规流
BOX属性
宽、高、padding、border（边框颜色不同，三角形）、margin（margin：auto居中；margin collapse碰撞边距上下合并取最大，左右不合并；）box-sizing：border-box。
overflow：visible、hidden、scroll、auto
行级IFC
对齐
当有一个块级插入时，分割为上下两个IFC
块级BFC
内部盒子margin垂直合并，和外部盒子不合并，不和浮动元素重叠
Flexbox
display:flex
盒子的排放顺序 flexdirection：row、row-reserve、column、column-reserve
主轴：从左到右；侧轴：从右到左
盒子的排放间隔 justify-content：flex-start、flex-end、center、space-between、space-around、space-evenly
对齐 align-items：flex-start、flex-end、center、stretch（拉伸）、baseline
某个元素特定对齐 align-self：flex-start、flex-end
不使用html书写顺序 order
子项弹性（可缩写）
flex-grow
减去基础空间，剩余空间按照flex-grow的值按比例分配
flex-shrink
值为0时不能被压缩
flex-basis
Grid布局（二维布局）
display:grid
划分网格 grid-template
eg: grid-template-columns: 100px 100px 200px;
grid-template-rows: 100px 100px
grid-template-columns: 30% 30% auto
子元素占格子 grid-aria: 1/1/3/3 （允许重叠）
浮动布局
绝对定位
position：
static：默认值
relative：常规流中，偏离自身原本应有的位置
absolute：脱离常规流，相对与最近的非static祖先定位
fixed：脱离常规流，相对与屏幕的位置
