آموزش CSS
از صفر تا پروژه واقعی
رنگ، فاصله، چیدمان، واکنشگرایی و انیمیشن را با ساخت رابطهای واقعی تمرین کن.
هشت گام تا ساختن
درسها کوتاهاند، اما سطحی نیستند؛ هر گام روی نتیجه گام قبلی ساخته میشود.
وصلکردن CSS و اولین رنگ
در این درس، وصلکردن CSS و اولین رنگ را با یک نمونه کوچک و کاربردی یاد میگیری.
انتخابگرها و قانون آبشار
در این درس، انتخابگرها و قانون آبشار را با یک نمونه کوچک و کاربردی یاد میگیری.
فاصله و مدل جعبهای
در این درس، فاصله و مدل جعبهای را با یک نمونه کوچک و کاربردی یاد میگیری.
چیدمان با Flexbox
در این درس، چیدمان با Flexbox را با یک نمونه کوچک و کاربردی یاد میگیری.
شبکهبندی با CSS Grid
در این درس، شبکهبندی با CSS Grid را با یک نمونه کوچک و کاربردی یاد میگیری.
نمایش درست در موبایل
در این درس، نمایش درست در موبایل را با یک نمونه کوچک و کاربردی یاد میگیری.
خطایابی استایلها
در این درس، خطایابی استایلها را با یک نمونه کوچک و کاربردی یاد میگیری.
پروژه کارت فروش واکنشگرا
در این درس، پروژه کارت فروش واکنشگرا را با یک نمونه کوچک و کاربردی یاد میگیری.
کارت فروش واکنشگرا
پروژه را بخشبهبخش در طول درسها میسازی. در پایان فقط یک تمرین پراکنده نداری؛ یک خروجی کامل، توضیحپذیر و قابل انتشار داری.
- تعریف مسئله و نیاز کاربر
- ساخت نسخه اولیه و قابل استفاده
- خطایابی و بهترکردن تجربه
- انتشار و دریافت بازخورد
.offer {
max-width: 360px;
padding: 24px;
border-radius: 20px;
color: white;
background: linear-gradient(135deg, #1557ff, #7c3aed);
}