يعمل CSS مع HTML ويوفر نمطًا أساسيًا وإلقاء نظرة على موقع الويب. CSS3 هو أحدث إصدار من CSS. يوفر CSS3 ميزات تطوير JavaScript والأجهزة المحمولة مع ميزات إضافية مثل الانتقالات والتدرجات والمزيد. في هذا القسم ، سنتدث في هذا المقال عن الاختلافات بين CSS و CSS3.
| ميزات | css | css3 |
| التوافق | كان الغرض الأساسي من CSS هو التركيز على ميزات التنسيق. لديهم قدرات لتحديد مواقع النصوص والأشياء. CSS متوافق مع الإصدارات السابقة مع CSS3. | عندما يتم كتابة كود CSS3 في CSS ، فإنه غير صالح. يجعل CSS3 صفحات الويب أكثر جاذبية. يستغرق إنشاء صفحة وقتًا أقل. |
| التصميم | لا يدعم CSS التصميم سريع الاستجابة. | CSS3 هو أحدث إصدار ويدعم التصميم سريع الاستجابة. |
| الوحدات | لا يتم تقسيم CSS إلى وحدات. | يمكن تقسيم CSS3 إلى وحدات. |
| الرسوم المتحركة | لا يمكن لـ CSS إنتاج رسوم متحركة وتحويل ثلاثي الأبعاد. | في CSS3 ، يتم استخدام الرسوم المتحركة والتحويلات ثلاثية الأبعاد. يتم نقل العناصر عبر الشاشة بمساعدة JavaScript والفلاش. باستخدام العناصر ، كن مستعدًا أيضًا لتغيير الحجم واللون. يتم تنفيذ جميع أنواع التحويلات والرسوم المتحركة باستخدام CSS3. |
| زوايا مدورة ومتدرجة | عندما تم إطلاق CSS3 ، صمم المطورون بعض الصور التي تشبه الزوايا الدائرية مع الهياكل والخلفيات. يقوم المطورون بتصميم حد وتحميل التصميم على الخادم. | في CSS3 ، يكتب المطور الكود مثل: حد دائري {border-radius: 20px}. لم يتم إرسالها من قبل أي خادم وتقوم بأي أنشطة أخرى. |
| تأثيرات النص والرسوم المتحركة للنص | في CSS ، تتم كتابة الرسوم المتحركة بلغة JavaScript و JQuery. لا يتعين عليه تصميم ميزات الطبقة وعناصر الصفحة. لم يكن لها أي تأثيرات خاصة مثل تظليل النص ، الرسوم المتحركة للنص ، إلخ. | في CSS3 ، يضيف المطور ظلال نصية لجعلها سهلة وفعالة. يضيفون كلمات للتأثيرات المرئية لخط الفاصل وملاءمة مريحة داخل العمود. يغير حجم ولون النص. |
| سعة | CSS أبطأ. | CSS3 أسرع من CSS. |
| الالوان | يوفر CSS مخططات ألوان فريدة وألوانًا قياسية. | يدعم CSS3 HSL RGBA و HSLA والألوان المتدرجة. |
| القوائم | يسمح CSS للمستخدم بما يلي: تقوم بتعيين قوائم مختلفة للقوائم المرتبة عين CSS صورة لعلامة عنصر القائمة تضيف CSS ألوان الخلفية إلى عناصر القائمة والقائمة. بعض علامات عناصر القائمة هي: نوع نمط القائمة. يمكن تعيين هذه الدائرة ، المربع ، إلخ. | في CSS3 ، يحتوي عنصر القائمة على عداد ويتأثر بزيادة العداد وخصائص إعادة تعيين العداد. في CSS إذا استخدمنا list في CSS3 ، يجب أن تحتوي خاصية “العرض” على قائمة محددة فيها. لا يمكن لـ CSS3 دعم نظام الترقيم. تتيح خاصية صورة نمط القائمة إمكانية تعيين صورة مقابل علامة نوع النمط. سيتم ضبطه داخل الصندوق أو خارج الصندوق. |
CSS
تم تطوير CSS بواسطة W3C World Wide Web Consortium لحل مشكلة تصميم الخط الفردي في HTML. عندما تم تقديم سمات التصميم الفردية في HTML 3.2 للمساعدة في نمط HTML ، لا تزال هناك مشكلة. كان على المطورين استخدام سمات النمط في كل علامة مفردة ، لذلك للتغلب على CSS هذا لعب دورًا مهمًا.
CSS3
CSS3 هو أحدث إصدار من CSS ويأتي مع ميزات جديدة مثل ظلال الزاوية المستديرة والتدرجات والانتقال والرسوم المتحركة. (هذا صحيح ، حتى أنه يحتوي على خصائص مثل JavaScript.) تطوير الهاتف المحمول هو الشغل الشاغل لـ CSS3. يركز على التصميم سريع الاستجابة الذي يقلل من المشكلة الناتجة عن عدم توافق Adobe-Flash على الأجهزة المختلفة.
يجب عليك تسجيل الدخول لاضافة تعليق.