CSS چیست؟

شیوه‌نامه آبشاری (به انگلیسی: Cascading Style Sheets) با کوته‌نوشت سی‌اس‌اس (به انگلیسی: CSS) یک زبان برای ساخت شیوه‌نامه است که از آن برای توصیف نمایش یک سند (که به یکی از زبان های نشانه گذاری مثل اچ تی ام ال نوشته شده‌است) استفاده می‌شود. سی‌اس‌اس یکی از فناوری های بنیادین (در کنار اچ تی ام ال و جاوا اسکریپت) در وب جهان گستر است.

سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. سی‌اس‌اس از جنس زبان های نشانه گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده‌تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیوارها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحه وب اچ تی ام ال و اکس اچ تی ام ال است ولی آن را می‌توان بر هر نوع مستند اکس ام ال از جمله اس وی جی و اکس یو ال اعمال کرد. نگهداری و تغییر مشخصات سی اس اس به عهدهٔ کنسرسیوم وب جهانگستر است.

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

با اینکه در سال‌های نخست پیدایش طراحی وب، طراح‌ها از جدول‌ها و ترفند پنهان‌سازی آن‌ها برای چیدمان کمک می‌گرفتند، روش مدرن طراحی وب، این روند را منسوخ کرده‌است. چیدمان اکنون، تنها با دیواره ها (یا DIV)، که برتری‌های فراوانی نسبت به جدول‌ها (یا TABLE) دارند، انجام می‌شود. هر دیواره، یک موزاییک مجازی بخش‌کننده صفحه‌است که کار چیدمان را آسان‌تر انجام می‌دهد. جدول‌ها به جایگاه نمایش داده‌های ستونی خود بازگشتند و دیگر از آن‌ها برای چیدن داده‌های صفحه‌های وب استفاده نمی‌شود. سی‌اس‌اس، افزون بر سبک تر کردن هر صفحه وب و پاک‌تر کردن آن، از داده‌های تصویری و نمایشی استاندارد، روش طراحی وب را به میزان فراوانی آسان تر و دسترس پذیری و کارایی وب را بهتر کرده‌اند.

یک فایل سی‌اس‌اس معمولاً در حافظه پنهان مرورگر ذخیره می‌شود، بنابراین می‌تواند بدون نیاز به بازخوانی در چندین صفحه استفاده شود که این امر باعث کاهش تبادل اطلاعات در شبکه می‌شود.

نسخه ها

CSS دارای ۴ نسخه CSS۴ ،CSS۳،CSS۲ ،CSS۱ می باشد که هر کدام دارای ویژگی هایی دارند.

CSS1

این نسخه اول CSS می باشد که در سال ۱۹۹۶ معرفی شد و دارای کاربرد های زیر می باشد و استفاده از آن پیشنهاد نمی شود.

افزودن امکاناتی مانند سبک و تنظیم برای متن.

دارای ویژگی تغییر رنگ متن و پس زمینه متن و  غیره…

ویژگی تنظیم Alignment یا فاصله بین کلمات و سطرها در متن.

ویژگی اضافه کردن Border  (کادر)، Margin (حاشیه) و Padding (لایه بندی) در صفحات وب.

دارای قابلیت کلاس بندی ویژگی‌ها (Attributes).

CSS2

این ورژن در ۱۹۹۸ معرفی شده است و دارای ۲ اصلاحیه CSS 2.1 و CSS 2.2 می باشد که استفاده از این نسخه پیشنهاد نمی شود.

دارای ویژگی تنظیم جایگاه اجسام به سه روش ثایت، متغیر و وابسته به اجسام دیگر.

دارای قابلیت شناخت انواع فایل‌های چند رسانه ای.

دارای قابلیت تنظیم راست چین بودن نوشته ها.

CSS3

این ورژن در سال ۱۹۹۹ منتشر گردید و باعث ایجاد تحول زیادی در این زبان برنامه نویسی شد.

دارای ساختار ماژولی.

امکان استفاده از تصاویر در پس زمینه.

دارای قابلیت اضافه کردن فرم‌های چند ستونی و …

CSS4

این نسخه، توسعه یافته و پیشرفته نسخه CSS3 می باشد که علاوه بر ویژگی های CSS3 دارای ویژگی های زیر می باشد.

قابلیت Background یا همان پس زمینه.

قابلیت Image value.

قابلیت Selectors یا همان قابلیت انتخاب.

منبع : ویکی پدیا