Mid⏱ 7 دقیقه2 بخش · 3 نکته
مرور سریع CSS
Box Model، Flexbox، Grid و واکنشگرایی در یک نگاه.
مرور فشرده مفاهیمی که بیشترین اشتباه را در چیدمان صفحه میسازند. منبع: MDN CSS و W3Schools CSS.
0 از 3 نکته مرور شد0٪
فهرست بخشها
Box Model0/1
لایههای تشکیلدهنده هر عنصر.
💡 نکتهٔ مصاحبه:
سؤال رایج: box-sizing: border-box چه فرقی میکند؟ → width/height شامل padding و border هم میشوند، محاسبه اندازه سادهتر میشود.
چیدمان0/2
Flexbox در برابر Grid.
display: flex; justify-content: space-between;
display: grid; grid-template-columns: 1fr 1fr;
⚠️ اشتباه رایج:
❌ ساخت کل صفحه با Flexbox تودرتو بهجای Grid — کار میکند اما پیچیدهتر و کمتر خوانا است.