مقدمه
CSS چیست؟
- CSS سرواژهٔ: (Cascading Style Sheets) است[۱]
- CSS نحوه نمایش عناصر HTML را روی صفحه نمایش، کاغذ یا سایر رسانهها تعریف میکند
- CSS موجب صرفه جویی در کار میشود. CSS میتواند طرح چندین صفحه وب را بهطور همزمان کنترل کند
- طرحهای (به انگلیسی: stylesheet) خارجی در فایلهای CSS ذخیره میشوند
نمایی از CSS - یک صفحه HTML - چندین طرح!
در اینجا ما یک صفحه HTML نمایش داده شده با چهار طراحی (به انگلیسی: stylesheet) مختلف را نشان میدهیم. برای دیدن طرحهای مختلف بر روی لینکهای "Stylesheet 1" ,"Stylesheet 2", "Stylesheet 3" ,"Stylesheet 4" کلیک کنید:
چرا از CSS استفاده میکنیم؟
CSS برای تعریف استایل صفحات وب شامل طراحی، چیدمان و تفاوت نمایش صفحه در دستگاههای مختلف با اندازه صفحه نمایشهای متفاوت استفاده میشود.
CSS یک مشکل بزرگ را حل کرد
HTML هرگز تمایلی برای داشتن تگهایی برای قالب بندی یک صفحه وب نداشت!
HTML برای تعریف محتوای یک صفحه وب ایجاد شدهاست، مانند:
هنگامی که تگهایی مانند <font>، و خاصیتهای رنگ به قابلیتهای نسخهٔ HTML 3.2 اضافه شد، به کابوسی برای توسعهدهندگان وب تبدیل شد. اضافهکردن مشخصات فونت و رنگ به هر تک صفحه در وبسایتهای بزرگ، به یک پروسه طولانی و گرانقیمت تبدیل شد.
برای حل این مشکل، کنسرسیوم جهانی وب (CSS (W3C را ایجاد کرد.
CSS قابلیت قالب بندی استایل را از صفحه HTML حذف کرد!
اگر نمیدانید HTML چیست، پیشنهاد میکنیم به آموزش HTML مراجعه کنید.
CSS موجب صرفهجویی زیاد در کارها میشود!
معمولاً تعریف استایل صفحه در فایلهای .css خارجی ذخیره میشوند.
با داشتن یک فایل stylesheet خارجی، میتوانید فقط با تغییر یک فایل، ظاهر وبسایت را بهطور کامل تغییر دهید!
منابع آموزشی