Margin ve Padding anahtar sözcükleri web sayfalarının düzenlenmesinde çok kullanılan 2 anahtar sözcüktür.Küçükken web sayfası yapmak için kasıp ya bu resim neden burada gözüküyor yada bu yazıyı bu resmin yanına nasıl taşırım şeklindeki sitem dolu cümlelere adeta birer yanıttır.
Margin anahtar kelimesi , ilgili elementin sayfada bulunduğu konumu ayarlamakta kullanılır.Örneğin elimde bulunan elementin sayfanın 50piksel solunda olmasını istiyorum.O zaman ilgili yere (ki bu yer CSS teki bir yapı veya HTML deki taglar arasında style=” ” içinde yer olabilir) margin-left:50px yazmalıyım.Aynı şekilde sayfanın en üstünden 50cm aşağıda olmasını istiyorsam margin-top:50cm şeklinde kod yazmalıyım.
Padding anahtar kelimesi ise ilgili elementin sınırlarıyla(border) arasındaki mesafenin belirlenmesinde kullanılır.Mesela bir çerçevem(frame) var ve elimdeki bir resmi bu çerçevenin sağ üst köşesinde göstermek istiyorum.O zaman resimle ilgili HTML kodların bulunduğu yere style=”margin-right:0px ; margin-top:0px” yazmalıyım.
Bu iki anahtar kelime başlarda bayağı bir karıştırılsa da öğrendikten sonra çok işe yarayan kelimelerdir.
