تعلم الطريقة الصحيحة لكتابة أكواد Css و كيفية اختصار الكود code

http://www.dzbatna.com/images/icons/iconrote.gif طھط¹ظ„ظ… ط§ظ„ط·ط±ظٹظ‚ط© ط§ظ„طµط*ظٹط*ط© ظ„ظƒطھط§ط¨ط© ط£ظƒظˆط§ط¯ Css ظˆ ظƒظٹظپظٹط© ط§ط®طھطµط§ط± ط§ظ„ظƒظˆط¯

---

/*======================================*/

السلام عليكم و رحمة الله و بركاته

هذا الموضوع كاملا من كتابتى -==Zero==-

و من اجتهادي الشخصي ولا يوجد به اى نقل

الحقوق محفوظة لكل مسلم




/*======================================*/

الطريقة الصحيحة لكتابة بعض الأكواد الخاصة بال Css

حتى يكون الاستايل style الخاص بك Valid Css

سوف نبدا اولا ببعض الاكواد الخاطئة و كتابتها بطريقة صحيحة

------------------------------------------------------------------------------

الخطأ

رمز Code:
Font-weight:normal;
الصحيح

رمز Code:
font-weight:400;
الخطأ

رمز Code:
font-weight:bold;
الصحيح

رمز Code:
font-weight:700;
الخطأ

رمز Code:
margin: 10px 5px 10px 5px;
الصحيح

رمز Code:
margin: 10px 5px;
الخطأ

رمز Code:
margin: 10px 20px 5px 20px;
الصحيح

رمز Code:
margin: 10px 20px 5px;
الخطأ

رمز Code:
color:white;
الصحيح

رمز Code:
color:#fff;
الخطأ

رمز Code:
color:#cccccc;
الصحيح

رمز Code:
color:#ccc;
------------------------------------------------------------------------------

ثانيا اختصار بعض الاكواد

الكود code قبل الاختصار

رمز Code:
margin-top:10px; margin-right:20px; margin:bottom:30px; margin-left:40px;
الكود code بعد الاختصار

رمز Code:
margin: 10px 20px 30px 40px;
الكود code قبل الاختصار
رمز Code:
font-family:tahoma; font-size:12px; font-weight:normal;
الكود code بعد الاختصار

رمز Code:
font: normal 12px tahoma;
الكود code قبل الاختصار
رمز Code:
border-top-left-radius:10px; border-top-right-radius:20px; border-bottom-right-radius:30px; border-bottom-right-radius:40px;
الكود code بعد الاختصار

رمز Code:
border-radius:10px 20px 30px 40px;
الكود code قبل الاختصار
رمز Code:
border-style:solid; border-color: #ff0000; border-width:1px;
الكود code بعد الاختصار

رمز Code:
border: 1px solid #ff0000;
هذه بعض الاكواد و ليس كلها اى استفسار فى تقنية Css انا تحت امركوا

على اتم استعداد لشرح طريقة اى شىء يخص هذه التقنية بحول الله

ألعاب الأندرويد مجانا و حصريا

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©