تعلم كيفية استخدام تقنية CSS جديدة في المكان المناسب

إن دعم المتصفح لـ CSS يتخلف عن تطوير CSS. تم إجراء مواصفات CSS 3 أكثر من النصف. ولكن هذا لا يمنعنا من استخدام تقنيات جديدة في CSS. على الرغم من أننا لا نستطيع تطبيقها بحرية كما نستخدم التقنيات المشتركة في CSS ، يمكننا تحقيق نتائج أكثر وضوحًا في متصفح معين. إن استخدام هذه التقنيات الجديدة في الأماكن الصحيحة لن يسمح لك فقط بالوقوف في طليعة تقنية CSS ، ولكن أيضًا جعل أعمالك تشعر بالانتعاش.

تقنية CSS الجديدة: لا تتوقع الحصول على الدعم من جميع المتصفحات
أعلنت Microsoft عن مستوى دعم CSS لكل إصدار من المتصفح في Internet Explorer 5.5 إلى 8.0. . هذا يعني أنه يتعين عليك التخلي عن استخدام هذه التكنولوجيا لمستخدمي Internet Explorer 6.x ، والتي لا تزال تمثل حاليًا أكثر من 40 ٪ من السوق. على سبيل المثال:
[القيمة] {الارتفاع: 25px}
[href = http: //www.dudo.org/] {color: red ؛}

في السطر 1 ، يمكننا تعيين ارتفاع جميع النماذج مع سمات القيمة إلى 25 بكسل. لكن القيام بذلك في Internet Explorer 6 غير فعال تمامًا لأن "تقنية CSS الجديدة" غير مدعومة.
في CSS 3 ، فإن محددات السمات لديها وظائف أكثر قوة. 2 تصبح بسيطة للغاية ، على سبيل المثال ، في CSS 3 ، تحتاج فقط إلى الكود التالي لتحقيق مظهر الزاوية المستديرة:
<div style = "radiu: 5px"> هذه زاوية مستديرة </div>

ومع ذلك ، فإن هذه التكنولوجيا الجديدة غير مدعومة حتى في Internet Explorer 8 ، وهي مدعومة فقط في Firefox و Safari و Chrome ، وهذا الدعم غير مدعوم تمامًا. - دائرة نصف قطرها.
هذه هي التكنولوجيا الجديدة في CSS ، والتي لا يمكن تفسيرها بالكامل من قبل جميع المتصفحات في نفس الوقت.
تقنية CSS الجديدة ليست اختراق CSS
ما هو CSS Hack؟ CSS Hack هي طريقة تستخدم بعض أوجه القصور في تطبيق المتصفح لـ CSS لتنفيذ تطبيق قواعد CSS بشكل منفصل. على سبيل المثال ، استخدم _property للتمييز بين IE7 و 8 والإصدارات الأخرى من IE ، و *الخاصية يمكن استخدامها للتمييز بين متصفحات IE و INE ، إلخ. ومع ذلك ، يشير هنا إلى أن جميع المتسللين CSS ليسوا مواصفات CSS قياسية ، ولا يمر أي منها بالتحقق من W3C. لكن تقنيات CSS الجديدة مختلفة.
بالإضافة إلى ذلك ، لا يمكن حل تقنية CSS الجديدة عن طريق الاختراق. بالنسبة للحالات التي تكون فيها تفسيرات نموذج المربع لمتصفحات مختلفة غير متسقة ، يمكننا تصحيحها من خلال اختراق CSS ، ولكن لا يمكن حل المشكلة التي لا تدعمها المستشفى المدور حول أي تقنية CSS. صورة الخلفية.
لذلك ، فإن تقنية CSS الجديدة ليست نوعًا من اختراق CSS ، فهي مواصفات CSS الأرثوذكسية.
الاستخدام المناسب لتكنولوجيا CSS الجديدة
على الرغم من أننا ذكرنا سابقًا أن تقنية CSS الجديدة لا يمكن دعمها بواسطة جميع المتصفحات ، ولا يمكنها تحقيق نفس التأثير في متصفحات مختلفة مثل استخدام تقنية Hack CSS. ومع ذلك ، هذا لا يمنعنا من استخدامها. فقط تخيل ، ألن يكون من الممكن إضافة سهولة إضافية في الاستخدام إلى متصفح دون التأثير على استخدامه؟ وحققنا هذا التأثير دون إضافة قواعد CSS غير منتظمة مثل CSS Hack. لذلك ، يمكن للاستخدام المناسب لتكنولوجيا CSS في الوقت المناسب تحقيق الجليد على الكعكة ، مما يجعل صفحة الويب الخاصة بك أسهل في الاستخدام.