CSS 知识总结

浏览器首次渲染（六步） 解析HTML，构建HTML树（DOM文档对象模型） 解析CSS，构建CSS树（CSSOM） 将两棵树合并成一颗渲染树（render tree） 根据渲染树对每个节点进行layo

起源 原来的CSS： SASS：没有{ } 、: 、;，用空格缩进来代表格式 SCSS：可以在{ }里面嵌套写选择器，让代码更有逻辑性。 安装配置环境 安装代替 webpack 的 parcel 运行

flex布局 Gird布局 采用 Flex 布局的父元素叫容器（container），它的所有顶层子元素称为项目（items）

BFC全称是Block Formatting Context，块格式化上下文。是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 BFC的触发条件，

transform是非动态的，直接呈现变换后的样式。transition是过渡动画，可以指定状态变化需要的时间，需要触发⼀个事件（鼠标移动上去，点击等）才执行动画，只能设定开始状态和结束状态，且是一次