ما هو الفرق بين CSS و CSS3؟



ستزودك هذه المقالة بمعرفة مفصلة وشاملة عن الاختلافات الرئيسية بين CSS و CSS3 بناءً على معايير مختلفة.

تعتبر الوظيفة الرئيسية لأوراق الأنماط المتتالية مهمة جدًا. حيث تعمل CSS مع HTML ولتوفير النمط والمظهر الأساسيين وهذا سيتيح لنا معرفة أن عناصر HTML ستظهر على صفحة الويب. حيث CSS3 هو أحدث إصدار من CSS. دعنا نفهم الاختلافات المختلفة بين CSS و CSS3 بالترتيب التالي:

يوفر CSS3 إمكانات مثل JavaScript ويوفر أيضًا ميزات تطوير الهاتف المحمول مع ميزات إضافية مثل الانتقالات والتدرج وما إلى ذلك ، لذا دعنا نقارن CSS و CSS3 على هذه المعلمات.





توافق CSS و CSS3

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

تثبيت php على نظام التشغيل windows 7

Css و Css3



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

زوايا مدورة ومتدرجة

عندما تم إطلاق CSS3 ، اعتاد المطورون على تصميم صور تبدو وكأنها زوايا مستديرة لهياكل مختلفة وتدرج خلفية. تتضمن هذه العملية قيام المطور بتصميم الحدود المحددة وتحميل التصميم على الخادم. إنهم بحاجة إلى وضع الصورة على صفحة الويب وفي النهاية ، يتعين على CSS وضع هذه الحدود بشكل صحيح.



في CSS3 ، يحتاج المطور فقط إلى كتابة الكود مثل round الحدود {نصف قطر الحد: 20 بكسل}. وقد تم ذلك ، فلا يحتاجون إلى الإرسال عبر أي خادم وأداء أي نوعمن الأنشطة الأخرى. يمكن تعيين التدرجات حتى باستخدام رمز مثل جرادبج {الخلفية: خط التدرج اللوني (أحمر ، أسود)}

تأثيرات النص والرسوم المتحركة

في CSS ، تمت كتابة الرسوم المتحركة بلغة JavaScript و JQuery. لم يكن يحتوي على ميزات في طبقة التصميم وحتى عنصر الصفحة أيضًا لم يكن لديه أي نوع من التأثيرات الخاصة مثل تظليل النصوص وتحديد النص وما إلى ذلك.

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

فئات الزائفة

تُستخدم لتحديد حالة العنصر بشكل خاص في CSS.
بناء الجملة :المحدد: الفئات الزائفة {الخاصية: القيمة}. يوفر هذا أيضًا خصائص مختلفة مثل hover on () ، hover تلميح بسيط hover ().

في CSS3 ، تشبه هذه الفئات الزائفة إلى حد كبير CSS ولكن لديها القليل من الميزات الإضافية التي تميز هذين النوعين. وتشمل هذه الجذر الهدف أي وثيقةعنصر الجذر. يستخدم القيم العددية داخل (n) للهدف.

القوائم في CSS و CSS3

CSS:

  • يسمح CSS للمستخدم بتعيين قائمة مختلفة للقوائم المرتبة وغير المرتبة.

  • يمكن للمستخدم أيضًا تعيين الصورة لمُحدد عنصر القائمة.

  • أضف ألوان الخلفية إلى عناصر القائمة والقائمة.

  • يمكن أن تكون دائرية ، مربعة ، على شكل قائمة تشبه القرص.

CSS3

  • لاستخدام القائمة في CSS ، يجب أن تحتوي خاصية العرض على عنصر القائمة المحدد فيها.

  • لا يدعم نظام الترقيم.

  • وهي تمكن من تعيين الصورة مقابل علامة عنصر القائمة.

  • يحتوي أيضًا على موضع نمط قائمة ويمكنه تحديد موضع مربع العلامة.

بهذا نصل إلى نهاية هذه المقالة حيث ناقشنا الاختلافات بين CSS و CSS3. ج تحقق من بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في هذه المقالة وسنعاود الاتصال بك.