margin و padding در css چه کاربردی دارند؟

به نظرم هیچ آموزش و تعریفی بهتر از اینکه خودتون بصورت عملی تفاوت‌ها و عملکردهای هرکدوم رو به عینه ببنید نیست.

پس لطفاً دو لینک زیر رو بازکنید و با بررسی و تغییر مقادیر کاملا دستتون میاد که تفاوتشون در چه چیزی هست:

https://www.w3schools.com/css/tryit.asp?filename=trycss_padding_sides۳۱

https://www.w3schools.com/css/tryit.asp?filename=trycss_margin_sides۳۳

هر المنت از 3 قسمت تشکیل شده است: margin، border و padding

همانطور که در شکل زیر مشاهده می‌کنید: 

به قسمتی که بیرون مرز المنت قرار دارد، margin گفته می‌شود و به قسمت داخلی آن padding گفته می‌شود.

از padding برای ایجاد فاصله بین یک مطلب و خط مرزی همون مطلب استفاده میکنیم ولی از margin برای ایجاد فاصله بین خط مرزی یک مطلب با خط مرزی (border) مطلب یا باکس دیگر استفاده میشه 

منبع : http://www.asreelm.com/css-margin-padding/۶۱