菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
37
0

css底层什么技术实现的

原创
05/13 14:22
阅读数 862

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 > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承

发表评论

0/200
37 点赞
0 评论
收藏
为你推荐 换一批