آموزش CSS پیشرفته

معرفی Introduction

• CSS پیشرفته Cutting-edge CSS

• فایل های تمرینی Exercise files

1. اصول اصلی 1. Core Principles

• خواص منطقی چیست؟ What are logical properties?

• موقعیت توضیح داده شد Position explained

• چرا حاشیه ها فرو می ریزند Why margins collapse

2. انتخابگرها 2. Selectors

• شمارش با CSS Counting with CSS

• پرس و جوهای کانتینر Container queries

• تفاوت بین :is و :where The difference between :is and :where

3. چیدمان 3. Layout

• نحوه عملکرد تابع clamp() How the clamp() function works

• فراتر از عرض نمای Beyond viewport width

• فلکس در مقابل شبکه: محتوا بیرون است یا طرح؟ Flex vs. grid: Content out or layout in?

• ایجاد حس جریان خودکار شبکه Making sense of grid-auto-flow

نتیجه Conclusion

• مراحل بعدی Next steps