سيواجه CSSer، مثل وظائف تكنولوجيا المعلومات الأخرى، أسئلة يطرحها القائم بإجراء المقابلة أو أوراق الاختبار المقدمة عند البحث عن وظيفة. لقد جمعنا اليوم 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 {scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff; -color:#fff; </نمط> |
الحل هو استبدال النص بـ html
5. كيف يمكن تحديد حاوية يبلغ ارتفاعها حوالي 1 بكسل؟
سبب هذه المشكلة في IE6 هو ارتفاع الخط الافتراضي، وهناك العديد من الحلول، مثل: overflow:hidden:zoom:0.08 |
6. كيفية جعل عرض الطبقة على فلاش؟
الحل هو ضبط الشفافية لـ FLASH:
| <a href="http://www.chinaz.com/">:</a> <pre lang="html" line="1"> <param name="wmode" value="transparent" /> |
7. كيفية توسيط طبقة div في المتصفح؟
<نمط النوع = "نص/CSS"> <!-- شعبة { الموقف:مطلق؛ أعلى:50%; اليسار:50%; الهامش:-100بكسل 0 0 -100بكسل؛ العرض: 200 بكسل؛ الارتفاع: 200 بكسل؛ الحدود: 1 بكسل أحمر خالص؛ } --> </نمط> |
نستخدم هنا النسبة المئوية لتحديد الموضع المطلق، وطريقة استخدام القيم السالبة خارج الرقعة حجم القيمة السالبة هو عرضها وارتفاعها مقسومًا على اثنين.
8. حل مشكلة توسيط علامات div المتداخلة في متصفح Firefox
افترض الحالة التالية:
<div معرف = "أ"> <div id="b"> </div> </div> |
إذا كنت تريد توسيط b داخل a، فأنت تحتاج بشكل عام فقط إلى استخدام CSS لتعيين سمة محاذاة النص لـ a إلى المركز. تبدو هذه الطريقة عادية في IE، ولكن في Firefox، سيكون b على اليسار.
الحل هو ضبط الهامش الأفقي لـ b على تلقائي. على سبيل المثال، قم بتعيين نمط CSS لـ b على: هامش: 0 تلقائي؛