CSS (Cascading Style Sheets) یا «برگه‌های سبک آبشاری»، زبانی است که برای مشخص کردن ظاهر و نحوه نمایش عناصر HTML استفاده می‌شود.

با کمک CSS می‌توان رنگ‌ها، فونت‌ها، فاصله‌ها، اندازه‌ها، چیدمان و حتی انیمیشن‌های یک صفحه وب را کنترل کرد.

اگر HTML اسکلت یک وب‌سایت باشد، CSS لباس و استایل آن است که باعث جذابیت و زیبایی صفحات می‌شود.

چرا از CSS استفاده می‌کنیم؟

بدون CSS، صفحات وب ساده و بدون جلوه‌های بصری خواهند بود. استفاده از CSS مزایای زیادی دارد:

1. سرعت بارگذاری بیشتر – با استفاده از یک فایل CSS مشترک، حجم کد HTML کاهش پیدا می‌کند.

2. تجربه کاربری بهتر – ظاهر جذاب و منظم باعث راحتی کاربر می‌شود.

3. زمان توسعه کمتر – یک فایل CSS می‌تواند برای چندین صفحه استفاده شود.

4. تغییرات آسان – فقط با تغییر یک فایل CSS، ظاهر همه صفحات به‌روزرسانی می‌شود.

5. سازگاری و واکنش‌گرایی – CSS برای طراحی واکنش‌گرا و نمایش صحیح در موبایل، تبلت و دسکتاپ استفاده می‌شود.

انواع CSS

1. CSS درون‌خطی (Inline CSS)

<p style="color: red; font-size: 18px;">این یک متن قرمز است.</p>

2. CSS داخلی (Internal CSS)

استایل‌ها در بخش <style> داخل فایل HTML نوشته می‌شوند و فقط روی همان صفحه اعمال می‌شوند.

<style>
  p { color: blue; }
</style>

3. CSS خارجی (External CSS)

استایل‌ها در یک فایل جداگانه ذخیره می‌شوند و با تگ به صفحات HTML متصل می‌شوند. این روش بهترین انتخاب برای سایت‌های چندصفحه‌ای است.

<link rel="stylesheet" href="style.css">

جمع‌بندی

CSS ابزاری ضروری برای طراحی وب است که ظاهر، چیدمان و تجربه کاربری صفحات را بهبود می‌بخشد. یادگیری و استفاده درست از آن می‌تواند وب‌سایت شما را حرفه‌ای و کاربرپسند کند.