CSS3
CSS یا شیوه‌نامه زبانی است که با استفاده از آن رنگ، شکل، اندازه و سایر عوامل ظاهری عناصر موجود در صفحات وب را تغییر می‌دهند.
بهترین مثالی که برای درک کاربرد CSS می‌توان آورد، تشبیه کردن آن با ظاهر و رنگ پوست انسان‌ها است. تمامی انسان‌ها از نظر اسکلت‌بندی و اعضای داخلی( HTML ) با یکدیگر مشابه هستند ولی از نظر ظاهری( CSS ) با هم متفاوتند.
امکانات جدید CSS3 نسبت به CSS2
تغییرات بزرگی در آخرین نگارش CSS به انجام رسیده است که فهرست کردن تمام آن‌ها در یک مقاله امکان‌پذیر نیست. با این حال عنوان مهم‌ترین تغییرات انجام شده را می‌توانید در ادامه مشاهده کنید.
۱. طرح‌بندی
- Flexbox: یک مدل چیدمانی قدرتمند و انعطاف‌پذیر برای تعیین محل عناصر در صفحه.
- Grid Layout: سیستم دیگری برای چیدمانی دو بعدی، ایده‌آل برای ساخت رابط‌های کاربری پیچیده.
- Subgrid: قابلیت توسیع Grid Layout برای ایجاد طرح‌های پیچیده‌تر.
۲. انیمیشن و ترنزیشن
- Transitions: ایجاد انیمیشن‌های ساده و روان بین حالات مختلف یک عنصر.
- Transformations: انجام تبدیلات سه‌بعدی و افکت‌های بصری روی عناصر.
- Animations: ایجاد انیمیشن‌های زمانی بدون نیاز به جاوااسکریپت.
۳. ماژول‌ها
- Selectors: انتخاب عناصر با دقت و تنوع و قدرت بیشتر.
- Gradients: ایجاد آبشارهای رنگ خطی، شعاعی و بیضی‌شکل.
- Shadows: اضافه کردن سایه‌های متنوع به عناصر.
- Backgrounds: تنظیم تصاویر، رنگ‌ها و تکرارها برای پس‌زمینه.
- Borders: ایجاد حاشیه‌های متنوع‌تر و زیباتر برای عناصر صفحه.
۴. جلوه‌های متنی
- Text Effects: اضافه کردن افکت‌های سایه و ویژگی‌های بصری دیگر به متن‌ها.
- Font Handling: کنترل دقیق‌تر فونت‌ها، شامل وزن، ضخامت و سبک.
- Advanced Typographic Features: دسترسی به ویژگی‌های پیشرفته تایپوگرافی مانند ligatures و kerning.
۵. امکانات دیگر
- Responsive Design: ایجاد صفحات وب واکنش‌گرا که در دستگاه‌های مختلف به درستی نمایش داده می‌شوند.
- Media Queries: تنظیم استایل‌ها بر اساس اندازه صفحه نمایش، نوع دستگاه و سایر ویژگی‌های هر کاربر.
- Variables: متغیرها در CSS امکان تعریف یک مقدار و استفاده‌ی مجدد از آن را در محل‌های مختلف فراهم می‌کنند.
- Calc: انجام محاسبات ریاضی در CSS.
آیا CSS4 جایگزین CSS3 خواهد شد ؟
CSS3 هنوز به طور کامل توسط مرورگرها پشتیبانی نمی‌شود و بسیاری از ویژگی‌های آن در حال توسعه هستند. به همین دلیل، گروه CSS تصمیم گرفته است به جای ارائه CSS4، به تکمیل و بهبود CSS3 تمرکز کند.
علاوه بر این، CSS به عنوان یک زبان قدرتمند و انعطاف‌پذیر شناخته می‌شود که نیازهای طراحان وب را برای حال حاضر به خوبی برآورده می‌کند.
با معرفی ماژول‌ها و ویژگی‌های جدید در طول زمان، CSS3 به طور مداوم در حال تکامل و پیشرفت است و به احتمال زیاد برای سال‌های آینده نیازهای طراحی وب را پاسخگو خواهد بود.