html5 底层,css底层什么技术实现的

css底层什么技术实现的

css底层是由浏览器进行解析渲染实现的。具体是通过css解析器解析css语法，生成css规则树，再结合dom树进行渲染绘制到屏幕上的。

(相关课程推荐：css视频教程)

CSS的渲染原理

1、浏览器在接收到服务器返回的html页面后，

2、浏览器开始构建DOM树 DOM TREE,遇到CSS样式会构建CSS规则树 CSS RULE TREE,

3、遇到 javascript会通过 DOM API和CSSDOM API来操作DOM TREE和 CSS RuLe Tree，

4、浏览器引擎会通过DOM Tree和CSS Rule Tree，解析完成后，

5、最后，渲染树构建完成后就是“布局”处理，也就是确实每个节点在屏幕上的确切显示位置

6、下个步骤(渲染之后)，开始“绘制”，便利渲染树，并用UI后端层，将每一个节点绘制出来！

CSS优先级以下：!important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承

本文来自css3答疑栏目，欢迎学习！