在第一个HTTP请求和网页的最终交付之间发生了很多事情。 数据传输和浏览器的渲染管道需要许多不同的技术,其中之一就是CSS Object Model或CSSOM 。
CSS对象模型采用CSS代码,并将每个选择器呈现为树状结构 ,以便于解析。 对于开发人员来说,完全理解这个概念并不是至关重要的,但是如果您想了解更多有关浏览器如何将代码呈现到正常工作的网站中的知识,这是一个有价值的话题。
在本文中,我将介绍CSS对象模型的基础知识,并向您展示其工作原理。
什么是CSSOM?
术语CSS对象模型描述了所有CSS选择器的映射以及每个选择器的相关属性 。 这些样式可以是根元素,也可以具有嵌套子元素。
CSSOM与HTML中的DOM非常相似,HTML代表文档对象模型。 两者都是关键渲染路径的一部分,这是正确渲染网站必须采取的一系列步骤。 所有这些过程都是在后台自动发生的。
那么CSSOM为什么重要? 它是浏览器用来在网页上正确呈现CSS样式的地图。 没有简单的方法告诉计算机.main-content
div中的所有段落都必须具有额外的行高。
解决方案是CSS对象模型,该模型可以映射 CSS代码中的所有元素和属性 。
CSSOM使浏览器更容易在页面上呈现样式 。 整个过程是非常技术性的,但是值得对该过程进行一些了解,尤其是在构建网站时。
这个怎么运作
所有Web浏览器都广泛使用 DOM和CS