یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را می‌‌توان به سه‌بخش اساسی تفکیک کرد. اول ساختار صفحه است که توسط HTML ساخته، دوم شکل، شمایل و رنگ و لعاب صفحه است که در CSS تعیین و سوم منطق برنامه در سمت کلاینت است که با زبان‌های اسکریپتی مانند JavaScript مشخص و مطابق با این سه‌بخش لزوم یادگیری CSS برای طراحی وب مشخص می‌شود.

زبان برنامه‌نویسی HTML به خوبی می‌‌تواند اجزای صفحه را ایجاد کند اما ضعف اصلی زبان HTML عدم توانایی ایجاد رابط کاربری است. برای ایجاد رابط کاربری برای صفحات HTML زبان برنامه‌نویسی CSS (Cascade Style Sheets) ایجاد گردید. این زبان مکملی برای HTML است و سعی در پر کردن خلاها و برطرف کردن نقاط ضعف زبان HTML دارد. CSS شما را قادر می‌‌سازد تا قالب و استایل صفحات وب‌سایت خود را یک‌بار طراحی کرده و به دفعات استفاده کنید. برای واضح‌‌تر شدن ماجرا، یک مثال را بیان کنیم: در نظر بگیرید که وب‌سایتی با ۱۰۰ صفحه‌ را به زبان HTML طراحی کرده‌اید، حال بعد از گذشت مدتی تصمیم دارید تا برخی خصوصیات را کمی تغییر دهید مثلا رنگ پس‌زمینه را کمی تیره‌‌تر کنید. گفتن این حرف بسیار راحت است اما در عمل کمی بحث فرق می‌کند.

تغییر یک خط کد در ۱۰۰ صفحه بسیار زمانبر است. حال اگر ما از CSS در طراحی این وب‌سایت استفاده کنیم، کافی است تا یک خط کد را در فایل خود تغییر دهیم و این تغییرات در تمامی صفحات اعمال می‌شود. در واقع ما صفحات HTML خود را به یک فایل CSS متصل می‌کنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا می‌‌شود. این کار باعث می‌شود تا حجم کد کمتری نوشته شود و همین‌طور کدنویسی به اصطلاح تمیزتری داریم.