به پایان فصل چهارم رسیدیم. تو این فصل با اجزای سازنده Box Model آشنا شدیم: Content، Padding، Border و Margin، نقش width و height، تفاوت content-box و border-box، پدیده Margin Collapse، مدیریت Overflow و در نهایت نحوه محاسبه دقیق اندازه واقعی یک عنصر. حالا وقتشه با ۵ سؤال، میزان تسلطتون رو بسنجیم.
CSS / Box Model
آزمون پایان فصل: Box Model
تمرینها
تمرین 1
کدام گزینه درباره Padding و Border صحیح است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
عنصری با box-sizing: border-box، مقدار width: 300px، padding: 20px و border: 4px دارد. عرض بصری نهایی این جعبه چقدر است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
دو پاراگراف Sibling، یکی با margin-bottom: 40px و دیگری با margin-top: 15px. با فرض وقوع Margin Collapse، فاصله نهایی بین آنها چقدر است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
کدام مقدار Property به اسم overflow، باعث میشود اسکرولبار فقط در صورت نیاز واقعی نمایش داده شود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
کدام مورد میتواند مانع نشت (Collapse) مارجین فرزند به بیرون از والد شود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
