---
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，允许从JavaScript 操纵 CSS。它非常类似于DOM，但应用于 CSS 而不是 HTML。它允许用户动态读取和修改 CSS样式。</p>

<h2 id="查看更多">查看更多</h2>

<ul>
 <li><a href="/zh-CN/docs/Web/Performance/How_browsers_work">填充页面：浏览器如何工作</a></li>
</ul>