دليل CSS3 الأساسي

دليل CSS3

CSS3 هو تطوير أحدث لغة الأنماط المتدرجة، يهدف إلى توسيع CSS2.1. يقدم العديد من المزايا الجديدة التي كانت متوقعة، مثل الزوايا المستديرة، الظلال، التدرجات، التحويلات أو التحركات، وتنسيقات جديد مثل تنسيق الصفحات المتعددة، الحوامل المرنة أو تنسيق الشبكة. يجب تجنب استخدام الخصائص التجريبية التي تأتي بتمييز الشركة في بيئات الإنتاج، أو يجب أن تكون حذرًا بشكل خاص، لأن جملتها و语义 قد تتغير في المستقبل.

هناك العديد من الميزات الجديدة في CSS3، مثل تأثيرات الزوايا المستديرة، الحدود الرسومية، الظلال المدمجة والظلال النصية، استخدام RGBA لتحقيق تأثير الشفافية، تأثيرات التدرج، استخدام @Font-Face لتحقيق الخطوط المخصصة، الصور الخلفية المتعددة، معالجة التشكيل النصي أو الصور (التحول، التكبير، التدوير، التحريك) وتنسيق الصفحات المتعددة، استعلامات وسائل الإعلام، إلخ.

دليل CSS3

CSS يستخدم لتحكم في النمط والتنسيق للصفحات.

CSS3 هو أحدث معيار CSS.

هذا الدليل يشرح الميزات الجديدة في CSS3.

ابدأ في تعلم CSS3!

مثال حركة CSS3، يظهر تحول بين خلفية أحمر وأخضر.

مثال

!DOCTYPE　html　　
<html>　　
<head>　　
<style>　　　
div　{　　
　　　　width:　100px;　　
　　　　height:　100px;　　
　　　　background:　red;　　
　　　　-webkit-animation:　myfirst　6s;　/*　Chrome,　Safari,　Opera　*/　　
　　　　animation:　myfirst　5s;　　
}　　
/*　Chrome,　Safari,　Opera　*/　　
@-webkit-keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
　　
@keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>ملاحظة:</b> لا يدعم متصفح IE 9 وأصدار أقدم خصائص حركة CSS3.</p>　　
<div></div>　　
</body>　　
</html>

اختبر و شاهد ‹/›

دليل مرجعي CSS3

في موقع دليل الأساسيات، نقدم دليل مرجعي كامل لـ CSS3، بما في ذلك جميع الخصائص والقوائم المختارة للعناصر، والأمثلة، ومعلومات دعم المتصفحات.

دليل مرجعي لخصائص CSS

دليل مرجعي لخيارات CSS

دليل مرجعي لألوان CSS

مقدمة إلى CSS3