آموزش CSS - شیوه‌نامه آبشاری

CSS (Cascading Style Sheets) زبان استایل‌دهی صفحات وب است که ظاهر و چیدمان عناصر HTML را کنترل می‌کند. در این صفحه می‌توانید:

• Flexbox کامل برای ایجاد layoutهای انعطاف‌پذیر و responsive
• CSS Grid برای ساخت layoutهای دو بعدی پیشرفته
• Animations و transitions برای ایجاد حرکت و effects نرم
• Responsive design با media queries و واحدهای نسبی
• کار با custom properties (CSS variables) برای maintainability
• تکنیک‌های selector پیشرفته شامل pseudo-classes و pseudo-elements
• Typography و font face management با @font-face
• کار با gradients، shadows و filter effects
• تکنیک‌های positioning شامل relative، absolute، fixed و sticky
• Box model کامل با margin، padding، border و box-sizing
• CSS transforms برای تغییر شکل و موقعیت عناصر
• کار با backgrounds و background blends
• تکنیک‌های z-index و stacking context
• Preprocessors شامل SASS/SCSS و LESS با mixins و functions
• CSS methodologies مانند BEM، OOCSS و SMACSS
• تکنیک‌های performance optimization شامل critical CSS
• کار با CSS-in-JS و styled-components
• تکنیک‌های accessibility با focus states و contrast ratios
• CSS frameworks شامل Tailwind CSS و Bootstrap customization
• تکنیک‌های container queries برای component-level responsiveness

تمامی ویژگی‌ها و تکنیک‌ها با توضیحات فارسی و مثال‌های عملی ارائه شده‌اند.