سيواجه CSSer، مثل وظائف تكنولوجيا المعلومات الأخرى، أسئلة يطرحها القائم بإجراء المقابلة أو أوراق الاختبار المقدمة عند البحث عن وظيفة. قام موقع 52CSS.com اليوم بجمع 8 أسئلة شائعة في المقابلات، على أمل أن تكون مفيدة لك.
1. لا يظهر نمط التمرير بعد النقر فوق الارتباط التشعبي؟
لم يعد نمط الارتباط التشعبي الذي تم النقر عليه يحتوي على أنماط التمرير والأنماط النشطة، والحل هو تغيير ترتيب سمات CSS: LVHA
2. مشكلة خطأ الهامش المزدوج في IE6
على سبيل المثال:
<نمط النوع = "نص/CSS"> الجسم {الهامش:0؛} div {تعويم: يسار؛ الهامش الأيسر: 10 بكسل؛ العرض: 200 بكسل؛ |
بعد التعويم، يكون الهامش الأصلي 10 بكسل، لكن IE يفسره على أنه 20 بكسل. الحل هو إضافة العرض: مضمن؛
3. لماذا لا يستطيع النص الموجود في Firefox زيادة ارتفاع الحاوية؟
لن يتم تمديد الحاويات ذات قيم الارتفاع الثابتة في المتصفحات القياسية كما هو الحال في IE6، لذلك إذا كنت أرغب في الحصول على ارتفاع ثابت وتمدد، فما هي الإعدادات التي يجب علي القيام بها؟ الحل هو إزالة الارتفاع وضبط min-height:200px هنا، من أجل الاهتمام بـ IE6 الذي لا يعرف min-height، يمكن تعريفه على النحو التالي:
| div { الارتفاع: تلقائي! ارتفاع مهم: 200 بكسل؛ |
4. لماذا لا يمكنني ضبط لون شريط التمرير لمتصفح IE وفقًا لمعايير الويب؟
إعدادات النمط الأصلي:
<نمط النوع = "نص/CSS"> body {crollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff; -color:#fff; |
الحل هو استبدال النص بـ html
5. كيف يمكن تحديد حاوية يبلغ ارتفاعها حوالي 1 بكسل؟
سبب هذه المشكلة في IE6 هو ارتفاع الخط الافتراضي، وهناك العديد من الحلول، مثل: overflow:hidden:zoom:0.08 |
6. كيفية جعل عرض الطبقة على فلاش؟
الحل هو ضبط الشفافية لـ FLASH:
: |
7. كيفية توسيط طبقة div في المتصفح؟
<نمط النوع = "نص/CSS"> |
نستخدم هنا النسبة المئوية لتحديد الموضع المطلق، وطريقة استخدام القيم السالبة خارج الرقعة حجم القيمة السالبة هو العرض والارتفاع الخاص بها مقسومًا على اثنين.
8. حل مشكلة توسيط علامات div المتداخلة في متصفح Firefox
افترض الحالة التالية:
إذا كنت تريد توسيط b داخل a، فأنت تحتاج بشكل عام فقط إلى استخدام CSS لتعيين سمة محاذاة النص لـ a إلى المركز. تبدو هذه الطريقة عادية في IE، ولكن في Firefox، سيكون b على اليسار.
الحل هو ضبط الهامش الأفقي لـ b على تلقائي. على سبيل المثال، قم بتعيين نمط CSS لـ b على: هامش: 0 تلقائي؛