CSS چیست؟
CSS مخفف Cascading Style Sheets (برگسبکهای آبشاری) است و زبانی برای تعریف نحوه نمایش یک سند میباشد. این زبان یکی از فناوریهای بنیادی وب جهانگستر به شمار میرود و روشی برای استایلدهی و چیدمان صفحات وب است.
CSS با جدا کردن ظاهر (استایل) از محتویٰ (متن و ساختار) یک صفحه وب، به طراحان وب این امکان را میدهد که بدون نیاز به تغییر محتوای صفحه، ظاهر آن را به طور کامل کنترل کنند. این امر باعث افزایش کارایی، انعطافپذیری و نگهداری آسانتر وبسایتها میشود.
مزایای استفاده از CSS:
جدا کردن ظاهر از محتوا: CSS به شما این امکان را میدهد که ظاهر صفحات وب خود را بدون نیاز به تغییر محتوای آنها تغییر دهید. این امر باعث افزایش کارایی و نگهداری آسانتر وبسایتها میشود.
کنترل بیشتر بر ظاهر: CSS به شما ابزارهای قدرتمندی برای کنترل ظاهر صفحات وب خود از جمله رنگها، فونتها، حاشیهها، فاصلهها و چیدمان را ارائه میدهد.
سازگاری در مرورگرها: CSS توسط تمام مرورگرهای وب مدرن پشتیبانی میشود، به این معنی که میتوانید مطمئن باشید که صفحات وب شما در همه مرورگرها به یک شکل نمایش داده میشوند.
دسترسی آسان: یادگیری CSS نسبتاً آسان است و منابع آموزشی زیادی به صورت آنلاین در دسترس است.
نحوه استفاده از CSS:
CSS را میتوان به سه روش مختلف به صفحات وب اعمال کرد:
استایلهای درون خطی: استایلهای درون خطی در داخل تگهای HTML نوشته میشوند و فقط برای آن تگ خاص اعمال میشوند.
استایلهای جاسازی شده: استایلهای جاسازی شده در بخش <head> یک سند HTML نوشته میشوند و برای تمام عناصر HTML در آن سند اعمال میشوند.
فایلهای CSS خارجی: فایلهای CSS خارجی فایلهای جداگانهای هستند که حاوی قوانین CSS هستند. این فایلها میتوانند به چندین صفحه HTML متصل شوند.
یادگیری CSS:
اگر علاقهمند به یادگیری CSS هستید، منابع آموزشی زیادی به صورت آنلاین در دسترس است. وب سایت W3Schools یک نقطه شروع عالی است و آموزشهای جامعی در مورد تمام جنبههای CSS ارائه میدهد. همچنین میتوانید کتابها و دورههای آنلاین زیادی در مورد CSS پیدا کنید.
CSS ابزاری قدرتمند و ضروری برای هر طراح وب است. با یادگیری CSS، میتوانید وبسایتهای زیبا، کارآمد و سازگار با مرورگر ایجاد کنید.
معرفی نسخه های CSS
حال که به طور کامل می دانید css چیست، با نسخه های آن نیز آشنا شوید. CSS دارای 4 نسخه CSS۴ ،CSS۳،CSS۲ ،CSS۱ می باشد که هر کدام دارای ویژگی هایی دارند.
CSS1:
- این نسخه اولین نسخهcss می باشد که در سال 1996 معرفی شد که دارای ویژگی های زیر می باشد و استفاده از آن پیشنهاد نمی شود.
- افزودن امکاناتی همچون سبک و تنظیم برای متن
- دارای قابلیت تغییر رنگ متن و پس زمینه متن و دیگر خصوصیات متن
- امکان تنظیم Alignment یا فاصله بین کلمات و سطرها در متن
- امکان اضافه کردن Border (کادر)، Margin (حاشیه) و Padding (لایه بندی) در صفحات وب
- دارای قابلیت کلاس بندی ویژگیها (Attributes)
CSS2:
- این نسخه در 1998 معرفی شده است و دارای 2 اصلاحیه CSS 2.1 و CSS 2.2 می باشد که استفاده از این نسخه پیشنهاد نمی شود.
- دارای قابلیت تنظیم جایگاه اجسام به سه روش ثایت، متغیر و وابسته به اجسام دیگر
- دارای قابلیت شناخت انواع فایلهای چند رسانه ای
- دارای قابلیت تنظیم راست چین بودن نوشته ها
CSS3:
- این نسخه در سال 1999 منتشر گردید و باعث ایجاد تحول زیادی در این زبان برنامه نویسی شد.
- دارای ساختار ماژولی
- امکان استفاده از تصاویر در پس زمینه
- دارای قابلیت اضافه کردن فرمهای چند ستونی و …
CSS4:
- این نسخه، توسعه یافته و پیشرفته نسخه CSS3 می باشد که علاوه بر ویژگی های CSS3 دارای ویژگی های زیر می باشد.
- قابلیت Background یا همان پس زمینه
- قابلیت Image value
- قابلیت Selectors یا همان قابلیت انتخاب