1. الخطوط العريضة لا يتم فصل النمط أعلاه (الخصائص الموجودة في الأقواس بعد المستقيم عن طريق الفواصل) في معظم المتصفحات ، ولكن قد لا تمرر التحقق من CSS لأن البيان لا يتم فصله بواسطة الفواصل.
عند تصحيح مشكلة CSS ، غالبًا ما أضيف حدود إلى العنصر المحدد لمعرفة ما يحدث بدقة للعنصر والمساعدة في تحديد مصدر المشكلة. غالبًا ما يكون هذا فعالًا لأنه يعطيني رؤية أكثر تحديداً في التصميم. ولكن إذا كان عنصرًا على مستوى الكتلة ، فقد يتسبب ذلك في بعض الأخطاء-إضافة حدود 1 بكسل إلى أي عنصر على مستوى الكتلة ، فمن المحتمل أن يؤثر على التصميم ، مما سيضيف 2 بكسل إضافي إلى عرض هذا العنصر.
خاصية الخطوط العريضة هي بديل مثالي لأنه يجعل الكائن دون التأثير على تدفق المستند. ومع ذلك ، لا تدعم IE6 و IE7 سمة المخطط التفصيلي ، لذلك لا يمكن استخدامها لتصحيح الأخطاء في كلا المتصفحين.
2. ورث (قيمة)
هناك العديد من الأمثلة في تطوير CSS: "ورث" جميع الخصائص المضافة للعنصر الأصل من خلال تعيين أنماط معينة على عنصر معين ، بحيث يمكنك تجنب الكثير من إدخال لوحة المفاتيح.
يمكن تحقيق ذلك بسهولة عن طريق تحديد الوراثة. هذا يمكن أن يكون مفيدًا. على سبيل المثال ، عند إعادة كتابة سمة الخلفية ، غالبًا ما يكون هناك العديد من النصوص في السمة (اللون ، عنوان URL ، الموقع ، إلخ). لذا ، بدلاً من إعادة كتابة هذه القيم ، قد ترغب فقط في التفكير في أن العناصر الموجودة في العملية لها نفس خصائص الخلفية مثل العنصر الأصل الخاص بها ، ويمكن أن تفعل قيمة الوراثة كل شيء - مما يحفظ بوضوح إدخال لوحة المفاتيح كثيرًا.
لسوء الحظ ، لا يتم دعم القيم الوراثية في IE6 و IE7 (باستثناء الاتجاه (اتجاه النص) وخصائص الرؤية).
3. الخلايا الفارغة
تُستخدم هذه الخاصية فقط للعناصر التي يتم تعيين خاصية جدولها أو "العرض" على "خلايا الجدول". إذا قمت بإضافة محتوى ديناميكيًا إلى جدول ، فقد تواجه المحتوى الفارغ للخلية ، ثم لا تريد إخفاء الخلية الفارغة.
يمكن أن يؤدي استخدام "الخلايا الفارغة: إخفاء" حل هذه المشكلة ، والتي ستخفي تمامًا الخلايا التي قد تحدث.
لا يدعم Internet Explorer سمة الخلية الفارغة.
4
الحديث عن سمة الجدول ، يتم استخدام هذه السمة لإعلان عنوان الجدول المعروض في الشريط الجانبي للجدول. يقبل أربع قيم: أعلى ، أسفل ، اليسار واليمين. لا يدعم برنامج Internet Exporer هذه الخاصية ، وسيظهر عنوان الجدول دائمًا في الجزء العلوي من الجدول في IE6 و IE7.
5.
القوائم المطلوبة (<ol>) مريحة للغاية لأنها توفر لك متاعب إضافة أرقام تدريجية يدويًا ، وتتيح لك تغيير تسلسل القوائم دون تغيير الأرقام.
يحتوي CSS على خصائص مضادة للمعادلة ومقابلة ، والتي تسمح لك بإنشاء أرقام تدريجية تلقائيًا على جميع عناصر HTML تقريبًا ، تمامًا مثل تأثير القائمة المطلوبة.
لكن IE6 و IE7 وحتى Safari (حتى الإصدار 3.x) لا تدعم هذه الخصائص. بالطبع ، لا يدعم IE6: قبل العناصر الزائفة.
6
في بعض الأحيان ، يتطلب تصميم أو تخطيط موقع الويب منطقة محتوى ذات ارتفاع ثابت ، وإلا فإن المؤثرات المرئية المحددة ستضيع. قد يكون هذا بسبب خلفية التدرج ، أو قائمة منسدلة فريدة من نوعها ، أو قد يكون بسبب تأثير توهج بارد من PS. ولكن في بعض الأحيان ، هناك الكثير من المحتوى في الصفحة ، ولكن لا يمكن توسيع الصفحة كما هو متوقع.
في هذا الوقت ، يجب استخدام سمة الميل ، لأنه يمكن أن تخبر المتصفح بتقديم الحد الأدنى من الارتفاع على عنصر محدد على مستوى الكتلة ، بغض النظر عما إذا كان الارتفاع الفعلي للمحتوى يصل إلى هذا الارتفاع الحد الأدنى. ثم ، إذا تجاوز المحتوى الحد الأدنى للارتفاع ، فسيتم توسيع العنصر بشكل معتدل.
الشيء الوحيد الذي يجب ملاحظته مع MINIight هو أنه غير مدعوم في IE6. نعلم جميعًا أن IE6 يخرج من مرحلة التاريخ (ببطء) ، ولكن قد لا يزال بعض العملاء يطلبون من موقع الويب الخاص بهم دعم هذا المتصفح اللعين.
لكن من الجيد أن يجعل IE6 قيمة الارتفاع بنفس الطريقة التي تقدم بها المتصفحات الأخرى "Min-Height" ، لذلك تحتاج فقط إلى ورقة أنماط مستقلة لـ IE6 لإضافة أوراق أنماط محددة إلى هذا العنصر.
يتجاهل IE6 أيضًا عرضًا للمنتخب الوطني ، والأقصى والرصيف ، ولكن الأساليب المذكورة أعلاه ممكنة أيضًا في هذه الخصائص.
7.: تحوم
من الناحية الفنية ،: Hover هو مجرد فئة زائفة ، لكنه غير مدعوم في IE6 (بدعم من IE7 و IE8). يتيح لك: الفئة الزائفة المزيفة إضافة أي أنماط الماوس إلى العنصر. هذا مفيد للغاية ويمكنه تجنب (على الأقل إلى حد ما) باستخدام JavaScript.
ومع ذلك ، إذا احتاج موقع الويب الخاص بك إلى دعم IE6 بالكامل ، خاصة في الصين حيث يكون IE6 مليئًا بالسلطة ، فيجب عليك التفكير في إلغاء استخدام هذه الفئة الزائفة ما لم يكن للعلامة ذات الصلة سمة "HREF" ، مثل <a> علامة . وإذا كان من الممكن تحقيق هذا التأثير ، فقد يكون من الضروري استخدام JavaScript وأنماط إضافية.
8. العرض
عادةً ما يتم ضبط العرض على واحدة من هذه القيم الثلاث: Block و INLINE وغير. "بفضل IE ، نادراً ما يتم استخدام القيم الأخرى للعرض. تتضمن هذه القيم كتلة مضمّنة ، والجدول ، وخلايا الجدول المضمّنة.
لذلك ، على الرغم من أن IE يدعم هذه الخصائص الأساسية الثلاثة للعرض ، إلا أنها لا تدعم الخصائص الأخرى بشكل أساسي.
في الواقع ، اكتمل دعم خاصية IE8 للعرض. ومع ذلك ، بالنسبة لسمة كتلة مضمنة ، يدعم IE6/7 فقط العناصر التي تكون مضمنة.
لمعرفة المزيد حول دعم العرض في المتصفحات المختلفة ، يرجى الرجوع إلى هذا - Note Shenfei
9. مقطع
هذه سمة CSS مثيرة للاهتمام والتي تأتي في متناول يدي في الحالات الخاصة. قد يتم دمجه مع محتوى غير متوقع ، تم إنشاؤه ديناميكيًا. ببساطة ، تتيح لك هذه الخاصية تحديد المناطق المخفية على عنصر معين - يمكن أيضًا فهمها كما في عنصر مميز تمامًا ، يتم قطع مساحة عرض العنصر وفقًا لبعض الإعدادات ، والمحتوى وراء ذلك المنطقة أن تكون مخفية.
من الناحية الفنية ، يتم دعم سمة المقطع بواسطة IE ، ولكنها تدعم فقط بناء جملة خالية من الفواصل ، مثل
div.clipped {
الحشو: 20 بكسل ؛
العرض: 400 بكسل ؛
الارتفاع: 400 بكسل ؛
مقطع: Rect (20px 300px 200px 100px) ؛
الموقف: مطلق ؛
}
10.: التركيز
هذا هو الفئة الزائفة الأخرى التي يجب ذكرها هنا ، لأن جميع المتصفحات غير IE تدعم هذه الخاصية. يتيح لك: FOCUS Pseudo-Class إعلان نمط خاص. هذا مفيد للغاية في عناصر النماذج ، لأنه يمكنك إضافة حدود إلى مربع إدخال عند تحديده.