سی اس اس (CSS) یک زبان استایل‌دهی است که برای تغییر نمایش وب‌سایت‌ها به کار می‌رود. وقتی مرورگر یک صفحه را نمایش می‌دهد، محتوای سند (HTML) را با اطلاعات استایل ترکیب می‌کند. این فرآیند در چند مرحله انجام می‌شود:

بارگذاری HTML: مرورگر HTML را بارگذاری می‌کند.

تبدیل به DOM: HTML به یک ساختار مدل شیء سند (DOM) تبدیل می‌شود.
بارگذاری منابع: مرورگر منابع مرتبط با سند HTML را بارگذاری می‌کند، مانند تصاویر و CSS.

پردازش CSS: مرورگر CSS را پردازش می‌کند و قوانین استایل را بر اساس نوع انتخاب‌کننده‌ها (مانند عنصر، کلاس، شناسه) مرتب می‌کند.

اعمال استایل به DOM: مرورگر استایل را به عناصر DOM اعمال می‌کند.

نمایش تصویری: صفحه وب روی صفحه نمایش داده می‌شود.
از دیدگاه DOM، هر عنصر، ویژگی و متن در زبان نشانه‌گذاری به یک گره DOM تبدیل می‌شود. درک DOM به طراحی، اشکال‌زدایی و نگهداری CSS کمک می‌کند. به عنوان مثال، در DOM، عنصر <p> به عنوان والد دارای یک گره متن و سه گره <span> است