CSS چیست؟

CSS چیست؟

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

اهمیت و مزایای CSS

• 1. جداسازی محتوا از طراحی

  CSS به طراحان اجازه می‌دهد قالب‌بندی را از HTML جدا کرده و در یک فایل style sheet خارجی نگه‌داری کنند. این کار نگه‌داری و تغییر استایل‌ها را آسان‌تر می‌کند.

• 2. صرفه‌جویی در زمان

  با یک بار ویرایش فایل CSS، می‌توانید ظاهر همه صفحات وب‌سایت را تغییر دهید.

• 3. سازگاری با مرورگرها

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

مثال: پیوند دادن فایل CSS خارجی به HTML

فایل HTML زیر یک لینک به فایل CSS خارجی دارد:

    < head >
    < title>< /title >
    < link  href="ex1.css" mce_href="/Administrator/ex1.css" type="text/css" rel="stylesheet" / >
    < /head>

نمونه کد CSS

کد CSS که استایل‌ها را برای المان‌های body و h1 تنظیم می‌کند:

    body {
        background-color: yellow;
    }
    h1 {
        font-size: 36pt;
    }    

ساختار CSS و HTML

CSS می‌تواند به سه روش به HTML اضافه شود:

• درون خطی (Inline CSS)
• درون سند (Internal CSS)
• فایل خارجی (External CSS)

چرا CSS ایجاد شد؟

در HTML 3.2، اضافه کردن استایل‌هایی مانند رنگ و فونت در هر صفحه زمان‌بر و پرهزینه بود. به همین دلیل، کنسرسیوم جهانی وب (W3C) CSS را معرفی کرد. در HTML 4.0، امکان استفاده از style sheet‌های خارجی فراهم شد که مدیریت استایل‌ها را بسیار آسان‌تر کرد.