2:38 ص

دورة تعلم HTML : شرح ما هو padding و margin ؟ الدرس الثاني








السلام عليكم ورحمة الله
معكم الرضوان وأسعد الله أوقاتكم بكل خير
بعد أن وجدت سؤال مهم جدا في مدونة عفريت بلوجر في موضوع كيفية تعريب قوالب بلوجر يدوياً يتحدث عن ما هو "البادين" padding ؟ وما هو "المارغين" margin ؟

قررت شرح هذين العنصرين ببساطة تامة لمعرفتهما والفرق بين كل واحد منهما..
نجد أن اشكال البادين والمارجين في نصوص "الاش تي مايل" HTML تكون على الشكل التالي والقياسات تتغير فقط مثال:
padding: 12px 10px 8px 6px;
padding: 14px 12px 6px 5px;
margin : 7px 12px 5px 6px;
margin : 7px 12px 11px 6px;
....
..
إلى أخره حسب القياسات...

الأن نمُر للشرح

أولاً : البادين padding :
أظن انني يجب علي العودة للتدوينة وشرح ما هو البادينغ padding و المارجين margin
أخي البادين padding هو الفرق الخارجي بيع العناصر وعند تعديل الأرقام (القياسات)

مثلاً منزلين أو سيارتين أو كرتين المسافة الفاصلة بين المزلين أو الكرتين أو السيّارتين هو البادين padding

تقوم بالتعديل على القياسات الخارجية بين عنصر وعنصر أخر شاهد مثلاً في مدونتي  البعد بين اللوغو الخاص بعفريت بلوجر و شريط الاقسام المتحرك فهو كبير نوعا ما لأن padding معدل كثيرا 


ثانياً: المارغين margin:

اما المارجين margin فهو البعد الداخلي للعنصر مثلاً جدول وهو إطار كبير لكن مساحته الداخلية صغيرة لأن الحواف كبيرة لأنه تم التعديل على margin
لذلك يجب معرفة المارغين بعد ما تم شرح درس إضافة جدول وخلفية للجدول في الدرس الأول
مثلاً كرة قدم منفوخة جيدا تكون المسافة الفارغة بالداخل كبيرة وعندما تكون مفشوشة تكون المسافة الداخلية للكرة قليلة

أتمنى يكون الشرح واضح وسهل للجميع إلى قادم الدروس مع دورة تعلم HTML على مدونة الرضوان
كان معكم الرضوان

بالتوفيق ^_^






7 عدد التعليقات:

  1. :) تـشكر لك مني أحلى تحية .. صديقك من المغرب

    ردحذف
  2. شكرا لكم أخي أسامة
    أنا لي الشرف كله ^^

    ردحذف
  3. بالتوفيق لك و لمدونتك المميزة (y)

    ردحذف
  4. أخي رضوان أريد أن أستفسرك عن بعض الأمور ,, و بعض الأسئلة لأني جديد في التدوين و أعاني من بعض مشاكل تنسيق واجهة مدونتي http://answer-wd.blogspot.com/ : رابط المدونة
    مشكلة عندما أضع سلايد شو لا تزال تظهر المواضيع أسفل السلايد أريد إخفاءها [ مشكلة الصور تخرج من إطار الموضوع و تشوه منظره [ فقط عند اختيار كبير جدا للصور

    ردحذف
  5. طبعاً أخي بكل سرور تواصل معي على الفيسبوك

    https://www.facebook.com/ouarhou.radouane1

    ردحذف

ضع تعليقك وسنرد عليك