شرح ال margin و padding في ال CSS

بسم الله
اهلا من جديد في درس جديد
هذا الدرس تابع لدورة ال HTML و CSS وهو يتحدث عن خاصيتي ال padding و margin فكثير من من نعلمو ال HTML يخلطون بينهم و في هذا الدرس سوف اقووم بعمل شرح كامل لتفريقه بينهما و الفرق بينهما
1 - خاصيه ال margin
 هذه الخاصيه تستعمل للتباعدات الخارجيه اي بين ال div او ال border و المتصفح

2 - خاصيه ال padding
وهي عكس الخاصيه السابقه اي تستخدم للتباعدات الداخليه بين ال div او border و ال text 

والان لن اطيل الي الشرح بالفيدو في الاسفل