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

بهتر از HTML در استایل‌ دهی :
قبل تر که سی اس اس وجود نداشت از جداول در اچ تی ام ال برای جلوه دادن به صفحات استفاده ‌می‌ کردند که باعث ‌می گردید بارگذاری صفحات زمان بیش تری ببرد و همچنین صفحات به زیبایی مورد نظر نمی ‌رسیدند .
جلوگیری از تکرار :
در CSS می توان مجموعه‌ ای از کلاس‌ ها را از پیش تعیین کنیم و در هر قسمتی که خواستیم آن ‌ها را فراخوانی کنیم . این کار باعث صرفه‌ جویی در وقت و زمان ‌می گردد و باعث ‌می‌ شود کد‌های تمیزتر و حرفه ‌ای ‌تری داشته باشیم .
ویرایش و نگهداری آسان :
از آن جا که ما کد‌هایمان را در یک فایل جداگانه ‌می ‌نویسیم و از امکاناتی مثل کلاس ‌ها و آی ‌دی ‌ها برخورداریم ، ویرایش و تغییر کدها کار سختی و خسته کننده ای نیست .
ویژگی‌ های بیشتر و متنوع: CSS
امکانات زیاد تر و زیبا تری را نسبت به HTML ساده در اختیار ما قرار ‌می ‌دهد تا وب سایت خود را جذاب و زیبا کنیم .
شما با Css عناصر Html را انتخاب کرده و استایل های مورد نظرتان را به آن ها اعمال کنید .
به طور مثال فرض کنید در صفحه Html یک تگ p ایجاد کردید و می خواهید یک رنگ به آن نسبت دهید . باید به صورت زیر عمل کنید :
ابتدا تگ های h1 های صفحه را انتخاب کرده و سپس به آن ها استایل هایی مثل رنگ ، سایز فونت و وزن فونت نسبت می دهیم .
همان طور که می دانید فایل های ویدئویی می توانند فرمتی مثل Mp4, Avi و …، فایل های موزیک می توانند فرمتی مثل Mp3, ogg و … داشته باشند ، فایل های Css نیز دارای فرمت Css هستند ؛ به طور مثال style.css.
زیبا سازی صفحات وب :

شما با استفاده از Css می توانید به صفحات Html وب سایتتان استایل های مورد نظر خودتان را اعمال کنید .
اصولا وب سایتی که هیچ کد Css ندارد و فقط ساختار اولیه آن نوشته شده است ، هیچ کاربری نخواهد داشت و همان طور که در پاراگراف های قبل تر گفته شد ، Css هیچ جایگزین دیگری ندارد و شما برای استایل دهی وب سایتتان فقط و فقط باید از Css استفاده کنید .

صرفه جویی در زمان :
Css موجب صرفه جویی در وقت و زمان شما می گردد . می توانید یک بار یک کد CSS را بنویسید و سپس از همان کد برای استایل دهی چندین المنت Html استفاده نمایید و حتی می توانید از همان کد در چندین صفحه HTML استفاده مجدد داشته باشید .
بارگیری سریع تر صفحات
زمان استفاده از Css نیازی نیست که برای هر المنت Html در همان صفحه Html استایلی را اعمال کنید . شما می توانید صفحه Css خود را که شامل کد های Css و استایل های لازم برای وب سایتتان است ، را به صفحه Html خود لینک دهی کنید.
بدین ترتیب شما تمام کد های Css صفحه مورد نظرتان از وب سایتتان را در یک خط اعمال کردید.
همان طور که بالاتر گفته شده است ، به این روش خارجی ( External ) گفته می شود.
هنگامی که که شما به روش Externalخارجی از Css استفاده می نمایید ، زمان وارد شدن کاربر به سایت شما تمام استایل های سایت شما برای کاربر دانلود می گردد و در مرورگر کاربر ذخیره می شود.
به این ترتیب دفعات بعدی که کاربر وارد سایت شما می شود ، نیازی به دانلود دوباره فایل Css نیست و استایل های شما از مرورگر کاربر لود می شوند . این امر در سرعت لود وب سایت شما تاثیر به سزایی دارد .

حجم کد ها :
وقتی از Css استفاده می نمایید ، نیازی نیست هر عنصر از Html را جداگانه انتخاب و استایل دهی کنید . می توانید عناصر Html را به صورت دسته جمعی انتخاب کرده و استایل های دلخواهتان را اعمال کنید .
ریسپانسیو کردن صفحات وب :
برای درک این قسمت از کاربرد های Css ابتدا باید مفهوم کلمه “ریسپانسیو” را بلد باشید.
اگر شما سایتی را که در لپتاپ خود طراحی کرده اید در یک گوشی یا تبلت که نمایشگر کوچک تری نسبت به لپتاپ شما دارد اجرا کنید ، استایل های سایتتان حتما به هم می ریزد و سایتتان ظاهر زشتی می گیرد.

اما اگر سایت شما ریسپانسیو باشد ، در تمامی دیوایس هایی مثل لپتاپ ، گوشی ، تبلت و … ظاهر خود را حفظ می کند و به هم نمی ریزد . پس به وب سایتی که تقریبا در تمامی دیوایس های کاربران ظاهر خود را حفظ کرده و خراب نشود ، سایت ریسپانسیو شده گفته می شود .

در زمان کنونی کاربران با دیوایس های مختلفی وارد وب سایت ها می گردند و اگر سایت شما ریسپانسیو نباشد ، تعداد زیادی از کاربرانتان را از دست خواهید داد .
برای حل این مشکل شما می توانید به کمک Css وب سایت هایتان را ریسپانسیو کنید تا تمامی کاربران با هر دیوایسی بتوانند از وب سایت شما استفاده کنند.