x
الوحدات المطلقة والنسبية
اختبار وحدات CSS النسبية Relative والمطلقة Absolute
إختبار
-
ما هي الوحدة المطلقة (absolute unit) ؟
وحدات طول ثابتة (Fixed length units) لا تعتمد على أي شيء آخر.
-
ماذا يغطي 100vw من عرض الشاشة (screen width) ؟
0 من عرض إطار العرض (viewport width).
-
أي من التالي وحدة نسبية (relative unit) ؟
em
-
إذا كان حجم الخط الجذري 20px ، فما قيمة 1rem ؟
20px
-
ماذا يمكن أن تفعل دالة calc() في CSS ؟
الجمع (Add) والطرح (subtract) والضرب (multiply) أو القسمة (divide) بين وحدات مختلفة.
-
ما هي الوحدة المطلقة (absolute unit) الأكثر استخدامًا في CSS ؟
px
-
إذا كان ارتفاع إطار العرض 800px ، فما قيمة 50vh ؟
400px
-
ماذا يعني تعيين عرض عنصر (element's width) إلى 100% ؟
يشغل العرض الكامل لعنصر الأصل (full width of its parent).
-
ماذا يحدث مع calc(10px + 20%) في CSS ؟
يضيف 10px إلى 20% من عرض العنصر الأصل.
-
أي وحدة (unit) تعتمد على حجم الخط (font size) للعنصر الجذري (the root element) ؟
rem
-
مع حجم خط جذري 16px ، ما حجم 10rem ؟
160px
-
لماذا قد تستخدم وحدة point بدلًا من pixels في التصميم؟
النقاط مخصصة لتصميم الطباعة (print design).
-
لماذا تُفضل وحدات rem على pixels في الطباعة (typography) ؟
لأنها تتناسب تناسبيًا مع إعدادات متصفح المستخدم (user’s browser settings).
-
كم من مساحة الشاشة يشغل 80vw ؟
80% من عرض إطار العرض (viewport width).
-
أي الوحدات (units) يجب أن تستخدم إذا أردت أن يشغل عنصر عرضًا أو ارتفاعًا (width or height) معينًا بنسبة مئوية (percentage) من الشاشة؟
vw و vh
-
ماذا تعني vw ؟
عرض إطار العرض Viewport Width.
-
ما الفرق الرئيسي بين rem و em في CSS ؟
em تعتمد على حجم الخط للعنصر الأصل، بينما rem تعتمد على العنصر الجذري.
-
ما هي وحدة vh ؟
وحدة تساوي 1% من ارتفاع إطار العرض.
-
ماذا يفعل تعيين عرض عنصر (element's width) إلى auto في CSS ؟
يسمح للمتصفح بتحديد العرض بناءً على المحتوى والحاوية.
-
ما ميزة رئيسية لدالة calc() ؟
تمكنك من تحديد قيمة خاصية CSS ديناميكيًا بناءً على جوانب مختلفة من التطبيق أو إطار العرض.