اگر در طراحی وب تازه کار باشید، حتما واژه‌ی CSS به گوشتان خورده است و حتما برایتان سوال پیش آمده است که CSS چیست . در این نوشتار سعی میکنیم بصورت کامل به این سوالات جواب دهیم:

CSS چیست ؟
CSS چه کاربردی دارد؟
فایل ‌ها و کدهای CSS چطور اجرا میشوند؟
و تفاوت CSS با CSS3 چیست؟

برای پاسخ به سوال CSS چیست خیلی خوب است که بندانیم CSS مخفف Cascading Style Sheet  که از کنار هم قرار گرفتن حرف اول این ۳ کلمه، CSS حاصل میشود. اما اگر این عبارت را به فارسی ترجمه کنیم، کارایی اصلی CSS برای ما روشن نمیشود. به همین دلیل، مباحث تئوری را کنار میگذاریم و خیلی سریع درباره‌ی کاربرد اصلی CSS صحبت میکنیم و اگر در یک جلمه‌ی ساده بخواهیم بگوییم که CSS چیست ؟ میتوانیم بگوییم که CSS آمده که دنیای وب و صفحات وب را برای ما زیباتر کند. و اینکار را با کمک و یاری HTML انجام میدهد.

CSS ابزاری است که بوسیله‌ی آن میتوانید صفحات وب خود را زیبا و چشم نواز کنید. همانطور که می دانید شما با استفاده از HTML میتوانید ساختار کلی صفحه وب خود را بسازید و در واقع اسکلت بندی صفحه‌ی وب خود را داشته باشید. و حالا با استفاده از CSS میتوانید ساختار سایت خودتان را زیبا کنید، به آن رنگ اضافه کنید، اندازه‌ی آن‌ها را مشخص کنید، روش نمایش آن‌ها را تنظیم کنید و… .

در واقع CSS به شما کمک میکند تا صفحات وب زیبا و چشم نوازی داشته باشید.

اگر  طراحی وب را به ساختمان سازی تشبیه کنیم. میدانیم که در ساختمان سازی، معمولا دو مرحله‌ی اصلی وجود دارد:

1. در مرحله‌ اول اسکلت بندی ساختمان با سیمان، بتن، میلگرد و… صورت میگیرد
2. در مرحله‌ی دوم زیباسازی ساختمان با گچ بری،‌ رنگ آمیزی، نورپردازی و… انجام میشود.

طراحی سایت نیز دقیقا به همین صورت است:

1. در مرحله‌ی اول شما با استفاده از HTML، ساختار کلی صفحه وب خود را میسازید و در واقع اسکلت بندی آن‌را انجام میدهید و مشخص میکنید که در صفحه وب‌تان به چه چیزهایی نیاز دارید.
2. در مرحله‌ی بعد با استفاده از CSS، اقدام به زیباسازی، رنگ دهی و… میکنید و به صفحه وب خودتان جذابیت های ظاهری اضافه میکنید.

در واقع در پاسخ به سوال CSS چیست میتوانیم بگوییم: CSS به شما کمک میکند تا صفحه‌ی وب زیبا و چشم نوازی داشته باشید.

کدهای CSS به این صورت کار میکنند که شما بخش از کد HTML که میخواهید روی آن تغییر ایجاد کنید را انتخاب میکنید، سپس با استفاده از کدهای CSS تغییراتی که مدنظرتان است را روی آن بخش ایجاد میکنید. برای مثال در تکه کد بالا، ما یک المان با کلاس test را مورد هدف قرار داده‌ایم و برای رنگ پس زمینه‌ی آن، رنگ سفید را انتخاب کرده‌ایم.
حقیقت این است که HTML و CSS هیچکدام به تنهایی هیچ مزیت خاصی ندارد. با HTML به تنهایی نمیتوانید صفحات وب حرفه‌ای و چشم نواز طراحی کنید. CSS هم به تنهایی کاربردی نمیتواند داشته باشد. HTML و CSS در کنار یکدیگر هستند که میتوانند قدرت فوق العاده‌ای پیدا کنند و صفحات وب چشم نواز و زیبایی را طراحی کنند.

فایل های CSS برای اجرا شدن به ابزار خاصی نیاز ندارند. شما برای اجرای فایل های CSS فقط به یک مرورگر نیاز دارید. فرقی نمیکند که مرورگر ما فایرفاکس باشد یا کروم. همه مرورگر ها از کدهای CSS پشتیبانی میکنند. تنها چیزی که برای اجرای فایل های CSS نیاز دارید، یک مرورگر (Browser) و ترکیب فایل های CSS با HTML است.

خیلی از اشخاصی که به خوبی مفهوم CSS را درک نکرده اند و نتوانسته اند که پاسخ خوبی برای سوالCSS چیست پیدا کنند، CSS را یک زبان برنامه نویسی میدانند که کاملا اشتباه است.

CSS هرگز نمیتواند یک زبان برنامه نویسی باشد. زیرا اصلا ویژگی های یک زبان برنامه نویسی، مثل متغیر ها، توابع، شرط ها، حلقه ها و… را ندارد. پس کاملا اشتباه است اگرCSS را یک زبان برنامه نویسی بدانیم. میتوانیم درباره‌یCSS بگوییم که ابزاری است که استفاده از آن میتوانیم تگ های HTML خود را زیبا کنیم و صفحات وب چشم نوازی را طراحی کنیم