blob: 98d6638eb57f9d8a6da03df0818f683b344d96e3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
---
title: CSS Object Model (CSSOM)
slug: Glossary/CSSOM
tags:
- CSSOM
- DOM
- Web Performance
- 关键渲染路径
- 渲染树
translation_of: Glossary/CSSOM
---
<p><strong>CSS 对象模型</strong> <strong>(CSSOM)</strong> 是树形形式的所有CSS选择器和每个选择器的相关属性的映射，具有树的根节点，同级，后代，子级和其他关系。CSSOM 与 {{glossary('DOM', '文档对象模型(DOM)')}} 非常相似。两者都是<strong>关键渲染路径</strong>的一部分，也是正确渲染一个网站必须采取的一系列步骤。</p>
<p>CSSOM 与 DOM一起构建<strong>渲染树</strong>，浏览器依次使用渲染树来布局和绘制网页。</p>
<h3 id="CSSOM_API">CSSOM API</h3>
<p><a href="/zh-CN/docs/Web/API/CSS_Object_Model">CSS 对象模型</a>也是一组API，允许从J avaScript 操纵 CSS。它非常类似于DOM，但应用于 CSS 而不是 HTML。它允许用户动态读取和修改 CSS样式。</p>
<h2 id="查看更多">查看更多</h2>
<ul>
<li><a href="/zh-CN/docs/Web/Performance/How_browsers_work">填充页面：浏览器如何工作</a></li>
</ul>
|
