CSS样式书写顺序和命名规范及注意事项

书写顺序的意义 减少浏览器reflow(回流),提升浏览器渲染dom的性能 1:解析html构建dom树,解析css构建css树:将html解析成树形的数据结构,将css解析成树形的数据结构 2:构建render树:DOM树和CSS树合并之后形成的render树。 3:布局render树:有了render树,浏览器已经知道那些网页中有哪些节点,各个节点的css定义和以及它们的从属关系,从而计算出每个节点在屏幕中的位置。 4:绘制render树:按照计算出来的规则,通过显卡把内容画在屏幕上。 css样式解析到显示至浏览器屏幕上就发生在234步骤,可见浏览器并不是一获取到css样式就立马开始解析而