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答疑栏目,欢迎学习!

以上就是css底层什么技术实现的的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读