Kutu özelliklerine girer margin padding değerleri,
sitemde anlatmıştım ;
http://doktordizayn.tr.gg/css-kutu-ozellikleri.htm
resmi burayada koyup herkese tekrar anlatalım ;
Padding metin ile border arasındaki uzaklığı ifade eder.
Margin ise metnin border dışındaki uzaklığını.
Konumlandırmaya göre top,left vs. özellikleri vardır.
Margin ve padding değerleri bu durumda bizlere en çok yardımcı olan noktadır.
Örnek verecek olursam;
bir reklam bannerını sabitledin diyelim ve left:25px; değeri verdin.
böyle bir durumda her tarayıcı ve ekranda o banner farklı yerde olur.
fakat tasarım katmanlarına göre margin-left değeri verdiğinde tüm tarayıcılarda ve ekran çözünürlüklerinde aynı sonuç ortaya çıkar.
Kısacası margin ve padding değeri kutu özellikleri kapsamında bir nevi konumlandırma işlevi yapar.
float özelliğine gelirsek ilgili yerin konumunu doğrudan belirler.
float left; özelliği etki ettiği katman içeriğini sola dayar.
float: rigth; özelliği etki ettiği katman içeriğini sağa dayar.
Bu şekilde işler yani.