بعد الإصدار 2.1 والذي لم يتوفر له دعم كامل من قبل المتصفحات الموجودة على الساحة، وبالأخص عائلة IE، أصبح الإصدار CSS3 متوفرا للعموم، مع دعم محدود للأوامر الجديدة من Firefox والمتصفحات المبنية على محرك Webkit وأهمها Chrome و Safari.

العديد من الخصائص مثل Web Fonts، الشفافية Opacity ، تأثير الظلال Shadow أو المنحنيات Radius .. ستسهل عمل مطور الويب، وذلك لإضفاء تأثيرات جميلة دون الاضطرار لاستعمال مكتبات JS.

للاطلاع على أوامر CSS3

• HTML5 Validator
• HTML5 Reset
• HTML5 Doctor Pposts & tutorials

عند استعمال:

/* simple reset */
a  {
	text-decoration: none;
}

فلا حاجة لتكرار نفس الخاصية في أماكن أخرى، يمكنك استعمال:

text-decoration: none;

فقط إذا أردت تغيير القيمة إلى:

a  {
	text-decoration: underline;
}

كذلك لا تكرر الخاصية في كل من a و a:hover

a  {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

يكفي أن تكتب الخاصة مرة واحدة في الوسم a:

a  {
	text-decoration: none;
	color:#999
}
a:hover {
    color:#666 /* .. */
}

أسهل طريقة لإضافة خصائص مختلفة لمتصفحات IE مباشرة في ملف Style ودون استعمال Conditional Statements هي باستعمال *html كالاتي:

p {
 border:1px solid #666
}

*html p {
 border:1px solid #f00
}

ال Fix السابق سيعمل مع IE6 وإن أردت كتابة ترقيع ل IE7 وتجاهل IE6 فأضف علامة + كالاتي:

*+html p {
 border:1px solid #f00
}

هناك طريقة مختصرة دون إعادة تكرار Class نفسه:

p {
 border:1px solid #666;
 *border:1px solid #f00
}

سيظهر الإطار الأحمر في كل من IE6 و IE7 وإذا أردت تجاهل IE6 مع ظهور الاطار الأحمر في متصفح IE7 فاكتب:

p {
 border:1px solid #666;
 *border:1px solid #f00;
 _border: 1px solid #666
}

أستعمل هذه الأدوات لإجراء Testing و Debugging:

• Web Developer 1.1.8
• IE Tab 1.5.2
• Html Validator 0.8.5.8
• Firebug 1.4.0b4