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

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







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


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


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


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


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


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


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



الخطأ  

رمزphp:

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

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

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

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

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

 margin: 10px 5px;


الخطأ
رمزphp:


margin: 10px 20px 5px 20px;

الصحيح
رمزphp:


margin: 10px 20px 5px;




الخطأ 
رمزphp:

color:white;
 

الصحيح

رمزphp:


color:#fff;

الخطأ 
رمزphp:

color:#cccccc;

الصحيح

رمزphp:
 
color:#ccc;

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

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

رمزphp:

 

margin-top:10px;
margin-right:20px;
margin:bottom:30px;
margin-left:40px;

الكود بعد الاختصار
رمزphp:


margin: 10px 20px 30px 40px;



الكود قبل الاختصار
رمزphp:

font-family:tahoma;
font-size:12px;
font-weight:normal;



الكود بعد الاختصار
رمزphp:


font: normal 12px tahoma;

الكود قبل الاختصار
رمزphp:
 

border-top-left-radius:10px;
border-top-right-radius:20px;
border-bottom-right-radius:30px;
border-bottom-right-radius:40px;

الكود بعد الاختصار
رمزphp:


border-radius:10px 20px 30px 40px;




الكود قبل الاختصار
رمزphp:
 

border-style:solid;
border-color: #ff0000;
border-width:1px;

الكود بعد الاختصار
رمزphp:


border: 1px solid #ff0000;

هذه بعض الاكواد و ليس كلها اى استفسار فى تقنية Css انا تحت امركوا

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


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

أصدقاء(تطوير ويب)
تعليقات Facebook
0تعليقات Blogger

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

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .