کاربرد margin و padding در css چیست؟

Question

من چیزهایی درباره margin و padding در css می دونم ولی هنوز کاربرد عملی هر کدوم رو خوب درک نکردم کسی می تونه با یه مثال عملی برایم توضیح بده؟

با تشکر.

Comments

این لینک هم در مورد جواب سوال شماست.

Answer 1

margin : فاصله بین فضای بیرونی تا حاشیه یا border میباشد که هیچ رنگی نمیگیرد

padding : فاصله بین المان (مثلا یک متن) تا حاشیه یا  border میباشد.

منبع تصویر فوق  http://www.w3.org/TR/CSS2/box.html

کاربرد عملی هر کدام ؟

margin : برای طراحی صفحه ای به شکل زیر باید از margin برای فاصله دادن بین المانها استفاده کرد

padding :  برای  طراحی هر کدام از box ها باید از padding استفاده کرد.

 

Answer 2

در تایید صحبت های دوست عزیز آقای بزرگوار، به صورت ساده تر می توان اینگونه بیان کرد:

margin: برای فاصله گذاری نسبت به فضای بیرون یک کادر در چهار جهت است.

padding: برای فاصله گذاری نسبت به فضای داخل یک کادر در چهار جهت است.