تطوير ويب » استايلات وقوالب » تعلم الطريقة الصحيحة لكتابة أكواد 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 انا تحت امركوا
على اتم استعداد لشرح اى شىء يخص هذه التقنية بحول الله
على اتم استعداد لشرح اى شىء يخص هذه التقنية بحول الله
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجبكم
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع " تعلم الطريقة الصحيحة لكتابة أكواد Css و كيفية اختصار الكود"
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .