شرح ما هو padding و margin دورة HTML

6:00 ص

قررت شرح هذين العنصرين ببساطة تامة لمعرفتهما والفرق بين كل واحد منهما..
نجد أن اشكال البادين والمارجين في نصوص "الاش تي مايل" 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 على 
Tags
عبر عن شعورك

إرسال تعليق

0 تعليقات