CSS مخفف Cascading Style Sheets است و یک زبان استایل‌دهی است که برای تعیین نحوه نمایش و ظاهر محتوای اچ‌تی‌ام‌ال (HTML) در وب استفاده می‌شود. این زبان به طور اساسی برای ایجاد و تغییر سبک، طرح‌بندی و ظاهر وب‌سایت‌ها استفاده می‌شود.
CSS امکانات زیادی برای کنترل نحوه نمایش محتوا فراهم می‌کند، از جمله:
1. تغییر رنگ، فونت، اندازه و نوع فونت متن.
2. اضافه کردن تصاویر به پس‌زمینه وب‌سایت.
3. کنترل اندازه، موقعیت و فاصله بین المان‌ها.
4. ایجاد انیمیشن‌ها و افکت‌های تغییرات.
5. ایجاد و استفاده از شیوه‌های طبقه‌بندی برای استایل‌دهی به المان‌ها.
CSS از مدل “پس‌زمینه، مفهومی” پیروی می‌کند، که به این معنی است که انتخاب‌ها و اعمال استایل‌ها بر روی یک المان به شیوه‌ای ترکیبی و مفهومی از مشخصه‌ها (مانند شناسه، کلاس، تگ و …) اعمال می‌شود.
تاریخچه CSS به سال ۱۹۹۶ بازمی‌گردد که وب‌سایت‌ها شروع به پیچیده‌تر شدن کردند و نیاز به یک سیستم استایل‌دهی مناسب برای مدیریت و کنترل ظاهر آنها داشتند. این زمانی بود که W3C (کارگروه مشترک جهانی وب) تصمیم به توسعه CSS گرفت. نسخه اولیه CSS در سال ۱۹۹۶ منتشر شد و از آن زمان به بعد، CSS به طور پیوسته توسعه یافته و به یک استاندارد برای استایل‌دهی وب‌سایت‌ها تبدیل شده است.
آموزش زبان CSS کاملا رایگان می‌باشد.
دقت داشته باشید که برای شروع یادگیری CSS نیاز به یادگیری زبان HTML دارید
این مستند از سایت www.tutorialspoint.com از این لینک ترجمه شده است.
با کلیک برروی هر سرفصل به صفحه آن درس منتقل می‌شوید.
- خانه (Home)
- مقدمه (Intoduction)
- سینتکس (Syntax)
- انتخابگرها (Selectors)
- درج (Inclusion)
- واحدهای اندازه‌گیری (Measurement Units)
- رنگ‌ها (Colors)
- پس‌زمینه (Background)
- فونت‌ها (Fonts)
- متن (Text)
- تصاویر (Images)
- پیوندها (Links)
- جدول‌ها (Tables)
- حاشیه‌ها (Borders)
- حاشیه بلوک (Border Block)
- حاشیه خطی (Border Inline)
- حاشیه‌ها (Margins)
- لیست‌ها (Lists)
- حاشیه‌ها (Paddings)
- نشانگر (Cursor)
- خطوط بیرونی (Outlines)
- ابعاد (Dimension)
- نوارهای پیمایش (Scrollbars)
- بلوک درون خطی (Inline Block)
- منوی کشویی (Dropdowns)
- قابلیت دیدار (Visibility)
- سرریز (Overflow)
- پاکسازی (Clearfix)
- شناور (Float)
- پیکان‌ها (Arrows)
- تغییر اندازه (Resize)
- نقل قول‌ها (Quotes)
- ترتیب (Order)
- موقعیت (Position)
- خط‌چین‌ها (Hyphens)
- شناور (Hover)
- نمایش (Display)
- تمرکز (Focus)
- بزرگنمایی (Zoom)
- جابجایی (Translate)
- ارتفاع (Height)
- حروف خط‌چین‌خورده (Hyphenate Character)
- عرض (Width)
- توانایی نفوذ (Opacity)
- ایندکس زد (Z-Index)
- پایین (Button)
- نوار ناوبری (Navbar)
- پوشش (Overlay)
- فرم‌ها (Forms)
- تراز (Align)
- آیکون‌ها (Icons)
- گالری تصاویر (Image Gallery)
- کامنت‌ها (Comments)
- بارگذار‌ها (Loaders)
- انتخاب‌کننده ویژگی (Attribute Selector)
- ترکیب‌کننده‌ها (Combinators)
- ریشه (Root)
- مدل جعبه (Box Model)
- شمارنده‌ها (Counters)
- برش (Clip)
- حالت نوشتار (Writing Mode)
- ترازی یونیکد (Unicode-bidi)
- حداقل محتوا (min-content)
- همه (All)CSS – همه (All)
- درون‌آمد (Inset)
- ازسطح‌جدایی (Isolation)
- پیش از اسکرول (Overscroll)
- تراز موارد (Justify Items)
- تصحیح تراز درونی (Justify Self)
- اندازه‌ی تب (Tab Size)
- رویداد اشاره‌گر (Pointer Event)
- قرار دادن محتوا (Place Content)
- قرار دادن موارد (Place Items)
- قراردادن داخلی (Place Self)
- حداکثر اندازه بلوک (Max Block Size)
- حداقل اندازه بلوک (Min Block Size)
- حالت مخلوط کردن (Mix Blend Mode)
- حداکثر اندازه در خط (Max Inline Size)
- حداقل اندازه در خط (Min Inline Size)
- افست (Offset)
- رنگ تاکید (Accent Color)
- انتخاب کاربر (User Select)
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام