CSS的学习

浮动元素不占用源文档流的位置，所以子元素设置浮动后会对后面或者父级元素的排版产生影响，父级元素因为子元素浮动而高度变为0，为解决这个问题，需要在元素中清除浮动，解决浮动元素造成的影响

样式的优先级一般为：内联样式 > 内部样式 > 外部样式 选择器的优先级： 内联 > id选择器 > 类、属性、伪类选择器 > 标签元素、伪元素 总结 越具体优先级越高 同样优先级写在后面的覆盖写在前

前提条件 如果 .parent 的 height 不写，你只需要 padding: 10px 0; 就能将 .child 垂直居中 写死 width: 100px 不写死 width: 500 max

浏览器渲染原理浏览器渲染过程步骤根据HTML构建HTML树(DOM)根据CSS构建CSS树(CSSOM)将两棵树合并成一颗渲染树 (render tree)Layout布局(文档流、 盒模型、计算大小