202108-09 css

元素水平居中方式 flex position calc transform

半个像素的边框用scale缩小实现

bfc块级上下文，float display position都会触发

flex分为xy轴，都有开始位置结束位置，order排序先后，grow是否放大，shrink是否缩小，basis是剩余空间，direction决定主轴方向

定宽：父flex，活动元素flex-grow：1

两栏自适应 左宽右浮动加margin position加margin，父flex子flex1

向右三角形：border-top border-bottom 都设置50px transparent。border-left设置100px red

回流必定引起重绘，回流的触发：删除添加dom，位置内容窗口大小改变都会引起回流。重绘指改变字体颜色等。