CSS چیست ؟

نتیجه تصویری برای ‪css‬‏

 

 

CSS چیست ؟

CSS  یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی ، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

CSS زبانی است که توسط آن قادر خواهید بود تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.

برای این منظور مثالی را می زنیم. تصور کنید که سایت شما شامل ۱۰۰ صفحه استاتیک می باشد و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر ۱۰۰ صفحه نیز به همان راحتی خواهد بود؟

قطعا نه. CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک.

جمله آخر اینکه، استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به طراحی معطوف می کند تا سر و کله زدن با کدهای برنامه نویسی

نتیجه تصویری برای ‫نسخه های css‬‎

نخسه های مختلف css:

 

CSS نسخه‌های مختلفی دارد که به آن‌ها Level گفته می‌شود، هر کدام از این نسخه‌ها هم به تنهایی دارای نسخه‌های تکمیلی دیگر هستند که به آن‌ها Profile گفته می‌شود. طبیعتا هر نسخه CSS بر اساس نسخه دیگر توسعه پیدا کرده و در نسخه‌های جدید قابلیت‌های جدیدتری اضافه شده است. هر Profile در CSS هم برای توسعه این زبان Style Sheet به یک دستگاه یا منظور خاص طراحی شده است.

CSS 1

اولین نسخه CSS که توسط W3C به صورت رسمی به توسعه دهندگان وب پیشنهاد شد، CSS 1 بود. این نسخه در تاریخ ۱۷ دسامبر سال ۱۹۹۶ به صورت رسمی در دسترس افراد قرار گرفت. فهرست زیر بازرترین ویژگی‌های CSS 1 هستند:

  • امکانات مختلف برای فونت، مثل ایجاد سبک و تاکید

  • تخصیص رنگ، پس زمینه و عناصر دیگر به متن

  • تنظیم (Alignment) متن، تصاویر، جدول‌ها و دیگر عنصر صفحه وب

  • ایجاد حاشیه (Margin)، مرزبندی (Border)، لایه گذاری (Padding) و جای گذاری اکثر اجزا صفحه

  • شناسایی متمایز و کلاس‌بندی عمومی گروهی از ویژگی‌ها (attributes)

در حال حاضر W3C دیگر CSS 1 را پیشنهاد نمی‌کند.

CSS 2

این نسخه یا Level از CSS هم که دیگر از سوی W3C پیشنهاد نمی‌شود، شباهت‌های زیادی به نسخه اولیه داشت و در ماه مه سال ۱۹۹۸ معرفی شد. در این نسخه قابلیت‌های جدیدی مثل جایگذاری مطلق (Absolute)، وابسته (Relative) و  ثابت (Fixed) در نظر گرفته شده بود. در این نسخه همچنین امکاناتی مانند ایجاد درک و شناخت انواع مختلف فایل (Media) و قابلیت‌های جدید برای طراحی متن ایجاد شده بود.

مدتی بعد CSS 2.1 به عنوان اصلاحیه‌ای از CSS 2 معرفی شد که پس از کش و قوس‌های فراوان بالاخره در سال ۲۰۱۱ به عنوان پیشنهاد W3C تاییدیه گرفت. این نسخه قرار بود آخرین اصلاحیه از CSS 2 باشد اما در سال ۲۰۱۵ اصلاحیه CSS 2.2 هم در دستور کار قرار گرفت.

CSS 3

می‌توان گفت که CSS3 یک تحول بزرگ در تاریخچه CSS به همراه داشت. در این نسخه از CSS اسناد (Document) زیادی به وجود آمدن که به هر کدام از آن‌ها Module گفته می‌شد. در واقع CSS 2 یک مانند یک ویژگی بزرگ بود که تمام امکانات CSS را در بر می‌گرفت، اما در CSS 3 ماژول‌ها هستند که قابلیت‌ها و امکانات جدید را اضافه می‌کنند.

اولین بار در  ماه ژوئن سال ۱۹۹۹ بود که نسخه CSS 3 منتشر شد و در دسترس قرار گرفت. اما از آنجایی که CSS 3 بر پایه ماژول‌ها بود، تا ژوئن ۲۰۱۲ بیش از پنجاه ماژول CSS شامل Media Queries، Namespace، Selector Level و Color از جانب تیمی که روی این زبان کار می‌کرد، منتشر شدند.

CSS 4

در واقع هیچ نسخه‌ای از ویژگی‌های متحد شده CSS 4 وجود ندارد، زیرا این Level از CSS به ماژول‌های مختلف Level 4 تقسیم شده است.

بعد از CSS 3 و با ورود مبحث Module به این زبان، دیگر توجیهی برای توسعه یکباره نسخه جدید CSS وجود نداشت. بنابراین، از نسخه CSS 4 به بعد دیگر ماژول‌های Level 4 هر کدام به صورت جداگانه توسعه پیدا کردند و چیزی به نام CSS 4 به صورت یکپارچه معرفی و پیشنهاد نشد. در واقع در این نسخه یا Level از CSS، بسیاری از ماژول‌ها همان ماژول‌های Level 3 بودند که از CSS 2.1 توسعه پیدا کرده بودند. در این میان تعدادی ماژول هم به عنوان ماژول‌های Level 4 توسعه پیدا کردند. از ماژول‌های Level 4 در CSS 4 می‌توان به Image Values، مرزبندی و پس زمینه (Background & Borders) و Selector اشاره کرد.

 

انواع css :

 

درون خطی : css به طور مستقیم به عنصر html اضافه شود.

داخلی : css به header فایل html اضافه شود و عناصر آن فایل را تحت تأثیر قرار دهد.

خارجی : css در یک فایل خارجی که فقط شامل کدهای css است ذخیره شود و توسط صفحات وب در وب سایت

شما ارجاع داده شود

 

برچسبها
مطالب مرتبط

دیدگاهی بنویسید.

بهتر است دیدگاه شما در ارتباط با همین مطلب باشد.

0