يأخذنا إلى المستوى التالي مع CSS 3

" إن CSS 3 ليس جديدًا، وهو ليس مجرد زوايا مستديرة يتم تنفيذها حول خاصية نصف القطر الحدودي. إنه موجود هناك بصبر، جاهزًا لأول مرة، وهو يحتسي القهوة وينتظر أن تطرح المتصفحات السجادة الحمراء. انظر، يحتاج المتصفح للحاق..."

- ترغب هذه المقالة في تسجيل تحفة ISD WEBTEAM في الربع الثاني من عام 2009: الدليل المرجعي لـ CSS 3.0 (النسخة الصينية)

خلفية

لقد رافقت المواد المرجعية لـ CSS2.0 التي يمثلها "دليل ورقة الأنماط الصيني" لـ Su Yu العديد من مصممي الويب المحليين لما يقرب من 10 سنوات. وهذا التأثير بعيد المدى، ولكن مع التطوير المستمر لتكنولوجيا CSS، يتأثر المصممون في الغالب بالمواد التقليدية لا يمكنهم تجاوز الأسوار القائمة، مما يضع عبئًا ثقيلًا على أنفسهم. هل لاحظت أن CSS 3 يكتسب زخمًا؟ هل أنت متحمس لبدء استخدامها ولكنك لا تعرف من أين تبدأ؟ عندما كانت الميزات الجديدة لـ CSS 3 متوقعة بشدة، ظهر دليلنا المرجعي الصيني CSS3.0 إلى حيز الوجود...

ما هو CSS 3؟

CSS هو اختصار لـ Cascading Style Sheet. تمت ترجمته على أنه "أوراق الأنماط المتتالية". إنها لغة ترميزية تستخدم للتحكم (المحسّن) في أنماط صفحة الويب وتسمح بفصل معلومات النمط عن محتوى صفحة الويب.
يمثل CSS3.0 الإصدار التالي من CSS، و3.0 هو رقم الإصدار.

ما هي المفاجآت التي يجلبها لنا CSS 3؟

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

تعليمات الاستخدام

• هذا الدليل مخصص لمعيدي بناء صفحات الويب أو مهندسي تطوير الواجهة الأمامية.
• تمت ترجمة هذا الدليل بناءً على مسودة عمل W3C، وهناك بعض الشكوك، ويعود حق الترجمة النهائي إلى ISD WEBTEAM.
• يشير تخطيط هذا الدليل إلى معاينة CSS لـ css3.info، والتي تقسم خصائص CSS 3 إلى تسع فئات: الحدود والخلفية واللون والنص وواجهة المستخدم ونموذج الصندوق الأساسي والمحتوى والوحدات النمطية الأخرى والمحددات المتقدمة.
• توفر قائمة التوافق مؤقتًا التوافق الرسمي للمتصفح مع Internet Explorer وFireFox وOpera وSafari وChrome.
• في قائمة السمات الخاصة، تتضمن المتصفحات التي تستخدم محرك Gecko Firefox، وتبدأ السمات الخاصة بـ -moz-؛ وتشمل المتصفحات التي تستخدم محرك webkit Safari وChrome، بدءًا من -webkit-؛ وتشمل المتصفحات التي تستخدم محرك Presto Opera، بدءًا من -o- ابدأ، وكذلك Internet Explorer، ابدأ بـ -ms-، حاليًا IE8 فقط يدعم البادئة -ms-.
• يتم إنتاج الأمثلة التي تم إنتاجها لكل سمة، باستثناء مثال @fontface المأخوذ من Microsoft بسبب حقوق الطبع والنشر للخط، بواسطة أعضاء الفريق بناءً على خبرتهم الخاصة نظرًا للقيود المفروضة على طول الدليل، قد يكون من الصعب فهم بعض الأمثلة. سنناقش هذه الأمثلة في المستقبل وسيتم تحليل بعض الأمثلة بالتفصيل في مقالات منفصلة.
• الميراث، نظرًا لأن مسودة عمل W3C لا تحتوي على شرح واضح للميراث، فلا يوجد اختبار للميراث في هذه المسألة، وهي ليست ذات قيمة مرجعية بعد.
• إذا تعذر فتح ملف CHM الذي تم تنزيله، فيمكنك محاولة النقر بزر الماوس الأيمن فوق ملف CHM ثم "فتح" في "الخصائص".
• هذا الدليل مخصص للتواصل بشكل أساسي، وهو مقيد بضيق الوقت وهو عمل ليلي للهواة، ولا مفر منه. سوف نستمر في تحسين وتحديث هذا الدليل. يتوفر هنا الإصدار V1 من الدليل، والذي يتم تحديثه من وقت لآخر على أساس شهري.

المصدر: فريق تينسنت ويب