مدل content-box
عرض محتوا 200px است. padding و border به آن اضافه می شوند.
درس 26 ارومیا دیزاین
آزمایشگاه مدل جعبه
دو جعبه با مقدار width یکسان، اما عرض بیرونی متفاوت.
1. مقایسه روش محاسبه عرض
مدل border-box
عرض جعبه با کادر 200px است. فضای محتوا کوچک تر می شود.
2. کارت خدمات با فاصله های مستقل
طراحی سایت آموزشی
فاصله متن از کادر با padding تنظیم شده است.
رفتن به تمرینفضای بیرون کارت با margin تنظیم می شود.
تمرین شما
کارت تمرین
کادر و فاصله داخلی این کارت را مطابق صورت تمرین اصلاح کنید.