CSS یا Cascading Style Sheets زبانی است که برای طراحی ظاهر و زیباسازی صفحات وب به کار میرود. با استفاده از آن میتوان رنگها، فونتها، اندازه متنها، فاصلهها و نحوه قرارگیری عناصر را کنترل کرد. CSS به طراحان امکان میدهد سایت را واکنشگرا کنند تا در موبایل، تبلت و دسکتاپ بهدرستی نمایش داده شود. این زبان میتواند بهصورت درونخطی، داخلی یا در یک فایل جداگانه به HTML متصل شود. به بیان ساده، HTML ساختار صفحه را ایجاد میکند و CSS لباس و جلوه ظاهری آن را کامل میسازد.
سی اس اس (CSS)
CSS چیست؟
CSS یا Cascading Style Sheets یک زبان استایلدهی (Style Sheet Language) است که برای توصیف ظاهر و طراحی صفحات وب استفاده میشود. HTML ساختار و محتوای صفحه را ایجاد میکند، اما CSS تعیین میکند که این محتوا چگونه دیده شود؛ از جمله رنگها، فونتها، اندازهها، چینش عناصر، افکتها و انیمیشنها.
تاریخچه CSS
در دهه ۱۹۹۰، HTML بیشتر برای ساختاردهی متن و تصاویر طراحی شده بود و کنترل کمی روی ظاهر صفحه داشت. طراحان وب مجبور بودند برای تغییر رنگ یا اندازه متن، از تگهای غیر استاندارد HTML استفاده کنند که باعث کدهای شلوغ و تکراری میشد.
در سال ۱۹۹۶، کنسرسیوم جهانی وب (W3C) نسخه اول CSS را معرفی کرد تا طراحی و ساختار جدا از هم باشند. با گذر زمان، نسخههای CSS2 و سپس CSS3 ارائه شدند که امکانات بیشتری مانند گرد کردن گوشهها، سایهها، ترنزیشنها، انیمیشنها و طراحی واکنشگرا را اضافه کردند.
CSS3 و امکانات مدرن
نسخه سوم CSS امکانات بسیار بیشتری نسبت به نسخههای قبلی ارائه کرده است، مثل:
انیمیشن و ترنزیشن
گرادینتها (Gradient)
فیلترهای تصویری (Filter)
واحدهای نسبی جدید مثل vh و vw
پشتیبانی از فونتهای سفارشی با @font-face
چرا CSS مهم است؟
جداسازی محتوا از طراحی: کدهای HTML برای ساختار استفاده میشوند و CSS برای طراحی، که باعث نظم و نگهداری آسانتر کد میشود.
صرفهجویی در زمان: با تغییر یک فایل CSS، ظاهر تمام صفحات متصل به آن تغییر میکند.
انعطافپذیری بالا: طراحی را میتوان برای نمایشگرها و دستگاههای مختلف تنظیم کرد.
قابلیت ایجاد انیمیشن و افکت: CSS میتواند بدون نیاز به JavaScript انیمیشن و ترنزیشن ایجاد کند.
