CSS

01شروع مسیر0 از 2 درس تکمیل شده⌄

1. ▶ رنگ و انتخابگرآماده یادگیری · 8 دقیقه
2. ▶ مدل جعبه‌ایآماده یادگیری · 8 دقیقه

02پایه و انتخابگر0 از 2 درس تکمیل شده⌄

1. ▶ آبشار، وراثت و اولویت انتخابگرهاآماده یادگیری · 7 دقیقه
2. ▶ واحدها و اندازه‌های انعطاف‌پذیرآماده یادگیری · 8 دقیقه

03ظاهر و خوانایی0 از 2 درس تکمیل شده⌄

1. ▶ رنگ، پس‌زمینه، کادر و سایهآماده یادگیری · 8 دقیقه
2. ▶ تایپوگرافی و خواناییآماده یادگیری · 8 دقیقه

🔒چیدمان0 از 4 درس تکمیل شده⌄

1. 🔒 display، overflow و مخفی‌سازی🔒 نیازمند اشتراک فعال · 7 دقیقه
2. 🔒 موقعیت‌دهی و لایه‌بندی🔒 نیازمند اشتراک فعال · 9 دقیقه
3. 🔒 Flexbox و تراز یک‌بعدی🔒 نیازمند اشتراک فعال · 7 دقیقه
4. 🔒 Grid و شبکه دوبعدی🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒تعامل و واکنش‌گرایی0 از 4 درس تکمیل شده⌄

1. 🔒 رسانه‌پرس‌وجو و طراحی موبایل🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 شبه‌کلاس، شبه‌عنصر و دسترس‌پذیری🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 متغیرهای CSS و طراحی تم🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 transition، transform و کاهش حرکت🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒پروژه پایانی0 از 1 درس تکمیل شده⌄

1. 🔒 پروژه پایانی: کارت دوره واکنش‌گرا🔒 نیازمند اشتراک فعال · 9 دقیقه

🔒CSS تفصیلی — انتخابگر و آبشار0 از 8 درس تکمیل شده⌄

1. 🔒 انتخابگر فرزند و نواده🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 انتخابگر همسایه و دنبال‌کننده🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 انتخابگر ویژگی و حالت حرف🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 nth-child و ترتیب عناصر🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 nth-of-type در برابر nth-child🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 is و where و مدیریت دقت🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 not و has برای وضعیت ساختاری🔒 نیازمند اشتراک فعال · 8 دقیقه
8. 🔒 شبه‌عنصر before و after🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒CSS تفصیلی — ابعاد و جریان0 از 12 درس تکمیل شده⌄

1. 🔒 فروپاشی margin عمودی🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 ابعاد کمینه و بیشینه🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 عرض ذاتی min-content و max-content🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 aspect-ratio و رزرو فضای رسانه🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 overflow-wrap و شکستن متن بلند🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 text-overflow و نمایش خلاصه🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 ویژگی‌های منطقی برای RTL🔒 نیازمند اشتراک فعال · 8 دقیقه
8. 🔒 float و clear در محتوای متنی🔒 نیازمند اشتراک فعال · 8 دقیقه
9. 🔒 BFC و flow-root🔒 نیازمند اشتراک فعال · 8 دقیقه
10. 🔒 sticky و محدوده پیمایش🔒 نیازمند اشتراک فعال · 8 دقیقه
11. 🔒 زمینه لایه‌بندی و z-index🔒 نیازمند اشتراک فعال · 8 دقیقه
12. 🔒 object-fit و object-position🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒CSS تفصیلی — Flex و Grid0 از 9 درس تکمیل شده⌄

1. 🔒 flex-basis، grow و shrink🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 align-self و تراز عضو مستقل🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 ترتیب بصری و ترتیب دسترسی🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 Grid line و span🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 Grid area و الگوی صفحه🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 auto-fill در برابر auto-fit🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 شبکه ضمنی و grid-auto-rows🔒 نیازمند اشتراک فعال · 8 دقیقه
8. 🔒 subgrid و هماهنگی ستون‌ها🔒 نیازمند اشتراک فعال · 8 دقیقه
9. 🔒 Container Query🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒CSS تفصیلی — جلوه و تعامل0 از 12 درس تکمیل شده⌄

1. 🔒 Outline و نشان تمرکز🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 opacity در برابر آلفای رنگ🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 گرادیان خطی، شعاعی و مخروطی🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 پس‌زمینه چندلایه🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 background-size و تکرار🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 background-clip و origin🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 شعاع گوشه و مرز پیچیده🔒 نیازمند اشتراک فعال · 8 دقیقه
8. 🔒 فیلتر و اثر روی رسانه🔒 نیازمند اشتراک فعال · 8 دقیقه
9. 🔒 Transform origin و چرخش🔒 نیازمند اشتراک فعال · 8 دقیقه
10. 🔒 Keyframes و چرخه انیمیشن🔒 نیازمند اشتراک فعال · 8 دقیقه
11. 🔒 زمان‌بندی و delay🔒 نیازمند اشتراک فعال · 8 دقیقه
12. 🔒 توقف انیمیشن و وضعیت کاربر🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒CSS تفصیلی — کیفیت و نگهداری0 از 7 درس تکمیل شده⌄

1. 🔒 واکنش به چاپ🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 ترجیح تم سیستم🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 لایه‌های آبشار🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 پشتیبانی شرطی با supports🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 محاسبه با calc، min و max🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 contain و محدوده اثر چیدمان🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 مؤلفه فرم و حالت خطا🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒CSS تفصیلی — پروژه0 از 2 درس تکمیل شده⌄

1. 🔒 پروژه: منوی واکنش‌گرا🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 پروژه: جدول و کارت‌های داشبورد🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒تکمیلی کاربردی · min-width صفر در Flex0 از 4 درس تکمیل شده⌄

1. 🔒 min-width صفر در Flex — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 min-width صفر در Flex — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 min-width صفر در Flex — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 min-width صفر در Flex — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · scroll-margin و هدر چسبان0 از 4 درس تکمیل شده⌄

1. 🔒 scroll-margin و هدر چسبان — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 scroll-margin و هدر چسبان — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 scroll-margin و هدر چسبان — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 scroll-margin و هدر چسبان — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · fallback تو در توی متغیر0 از 4 درس تکمیل شده⌄

1. 🔒 fallback تو در توی متغیر — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 fallback تو در توی متغیر — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 fallback تو در توی متغیر — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 fallback تو در توی متغیر — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · outline-offset برای focus0 از 4 درس تکمیل شده⌄

1. 🔒 outline-offset برای focus — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 outline-offset برای focus — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 outline-offset برای focus — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 outline-offset برای focus — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · آبشار و انتخابگر کم‌اختصاصیت0 از 4 درس تکمیل شده⌄

1. 🔒 آبشار و انتخابگر کم‌اختصاصیت — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 آبشار و انتخابگر کم‌اختصاصیت — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 آبشار و انتخابگر کم‌اختصاصیت — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 آبشار و انتخابگر کم‌اختصاصیت — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · نسبت تصویر و object-position0 از 4 درس تکمیل شده⌄

1. 🔒 نسبت تصویر و object-position — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 نسبت تصویر و object-position — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 نسبت تصویر و object-position — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 نسبت تصویر و object-position — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · پیمایش افقی محدود به مؤلفه0 از 4 درس تکمیل شده⌄

1. 🔒 پیمایش افقی محدود به مؤلفه — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 پیمایش افقی محدود به مؤلفه — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 پیمایش افقی محدود به مؤلفه — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 پیمایش افقی محدود به مؤلفه — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

نقشه مباحث تکمیلی · هنوز به درس آکادمی تبدیل نشده‌اند

درس‌های بالا محتوای آموزشی این نسخه‌اند. این فهرست، ریزعنوان‌های برنامه توسعه محتواست و با گذراندن آزمون باز نمی‌شود.

مبانی و قواعد CSS · بخش 1

• CSS HOME
• CSS Introduction
• CSS Syntax
• CSS Selectors
• Grouping Selectors
• CSS How To
• Add Internal CSS
• Add Inline Style
• Multiple Style Sheets
• CSS Comments
• CSS Errors
• CSS Colors
• RGB / RGBA
• HEX / HEXA

مبانی و قواعد CSS · بخش 2

• HSL / HSLA
• CSS Backgrounds
• Background Image
• Background Repeat
• Background Attachment
• Background Shorthand
• CSS Borders
• Border Width
• Border Color
• Border Sides
• Border Shorthand
• Rounded Borders
• CSS Margins
• Margin Collapse

مبانی و قواعد CSS · بخش 3

• CSS Padding
• Padding box-sizing
• CSS Height / Width
• Min / Max
• CSS Box Model
• CSS Outline
• Outline Width
• Outline Color
• Outline Shorthand
• Outline Offset
• CSS Text
• Text Alignment
• Text Decoration
• Text Decoration Styles

مبانی و قواعد CSS · بخش 4

• Text Transformation
• Text Spacing
• Text Shadow
• CSS Fonts
• Font Web Safe
• Font Fallbacks
• Font Style
• Font Size
• Font Google
• Font Pairings
• Font Shorthand
• CSS Icons
• Icons: Bootstrap
• Icons: Google

مبانی و قواعد CSS · بخش 5

• CSS Links
• Link Buttons
• CSS Lists
• CSS Tables
• Table Size
• Table Alignment
• Table Styling
• Table Responsive
• CSS Display
• Visibility / Hide
• CSS Max-width
• CSS Position
• Fixed/Absolute Position
• Sticky Position

مبانی و قواعد CSS · بخش 6

• CSS Position Offsets
• CSS Z-index
• CSS Overflow
• Overflow X and Y
• CSS Float
• Clear / Clearfix
• Float Examples
• CSS Inline-block
• CSS Align
• Horizontal Align
• Vertical Align
• CSS Combinators
• CSS Pseudo-classes
• Interactive

مبانی و قواعد CSS · بخش 7

• Structural
• CSS Pseudo-elements
• Text
• Content
• CSS Opacity
• CSS Navigation Bars
• Vertical Navbar
• Horizontal Navbar
• CSS Dropdowns
• Advanced Dropdowns
• CSS Image Gallery
• CSS Image Sprites
• CSS Attribute Selectors
• Advanced Attr Selectors

مبانی و قواعد CSS · بخش 8

• CSS Forms
• Style Inputs
• Input Focus / Icons
• Other Form Elements
• CSS Counters
• Nested Counters
• CSS Units
• Absolute Units
• Relative Units
• CSS Inheritance
• CSS Specificity
• Specificity Hierarchy
• CSS !important
• CSS Math Functions

مبانی و قواعد CSS · بخش 9

• CSS Optimization
• CSS Accessibility
• CSS Website Layout

CSS پیشرفته · بخش 1

• CSS Rounded Corners
• CSS Border Images
• CSS Backgrounds
• Background Size
• Background Origin
• Background Clip
• CSS Colors
• Color Keywords
• CSS Gradients
• Radial Gradients
• Conic Gradients
• CSS Shadows
• Box Shadow
• CSS Text Effects

CSS پیشرفته · بخش 2

• CSS Custom Fonts
• CSS 2D Transforms
• Scale
• Skew / Matrix
• CSS 3D Transforms
• 3D Perspective
• 3D Card Flip
• 3D Cube
• 3D Carousel
• CSS Transitions
• Transition Timing
• CSS Animations
• Animation Timing
• Animation Properties

CSS پیشرفته · بخش 3

• CSS Tooltips
• Tooltip Arrows
• CSS Image Styling
• Image Effects
• Hover Overlays
• CSS Image Modal
• CSS Image Centering
• CSS Image Filters
• CSS Image Shapes
• CSS object-fit
• CSS object-position
• CSS Masking
• Masking - Gradients
• Masking - SVG

CSS پیشرفته · بخش 4

• CSS Buttons
• Hover Effects
• Button Groups
• CSS Pagination
• Pagination Styles
• CSS Multiple Columns
• Multiple Column Rules
• CSS User Interface
• CSS Variables
• Overriding Variables
• Variables and JavaScript
• Variables in MQ
• CSS @property
• CSS Box Sizing

CSS پیشرفته · بخش 5

• CSS Functions
• CSS Media Queries
• MQ Examples

چیدمان Flexbox

• Flexbox Intro
• Flex Container
• Flexbox Justify Content
• Flexbox Align Items
• Flex Items
• Flex Responsive

چیدمان Grid

• Grid Intro
• Grid Container
• Grid Tracks
• Grid Gaps
• Grid Align
• Grid Items
• Grid Item Named
• Grid Item Align
• Grid Item Order
• Grid 12-column Layout
• CSS @supports

طراحی واکنش‌گرا

• RWD Intro
• RWD Viewport
• RWD Grid View
• RWD Media Queries
• RWD Images
• RWD Videos
• RWD Frameworks
• RWD Templates

پیش‌پردازنده Sass

• SASS Tutorial