İletişim için 
Margin ve Padding Kullanımı
Herkese meraba, bugün css dünyasında yaşayan iki kardeşten bahsedeceğiz, margin ve padding.
Margin, kullandığımız bir elementin çerçevesinden (border) diğer elementleri uzaklaştırmak için kullanılır. Padding’se tam tersini yapar. Yani, çerçevenin içindeki elementleri çerçeveden uzaklaştırır. Konuyu hayal etmeniz açısından yandaki resmi incelemeniz önemli.
Örnek Kullanımlar:
margin: 10px(üst) 10px(sağ) 10px(alt) 10px(sol);
margin: 10px(üst) 10px(sol ve sağ) 10px(alt);
margin: 10px(üst ve alt) 10px(sol ve sağ);
margin: 10px(dört kenar);
NOT: Parantez içinde yazılı olan yazılar (üst, sol vb.) , normalde css dosyasının içinde yoktur. Ben verilen değerlerin hangi kenarlarda mesafe bırakacağını açıklamak için yazdım.
Bunun dışında her kenar için ayrı ayrı ayarlama yapabilirsiniz;
.dismesafe{
margin-bottom: 10px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
Aynı kodlama şekliyle padding’i de kullanabilirsiniz.
Yorumlar
Hocam eline sağlık. Çok açık bir anlatım olmuş. Sitenizi kaynak göstererek yazınızı kullanmak istiyorum. İyi bloglamalar…
Teşekkürler
Yayınlayabilirsin, kefine bak…
Teşekkürler güzel paylaşım olmuş..
aciklamalariniz icin cok tesekkurler ama gene de benim bi sorum olacak;
yapitigim bu kurguda bir turlu margin calismiyor ve yazilar resmin uzerinden geciyor. Benim burada yaptigim hata nedir de ben yaizi resimden ayirt edemiyorum acaba?
tesekkurler.
aciklamalariniz icin cok tesekkurler ama gene de benim bi sorum olacak;
yapitigim bu kurguda bir turlu margin calismiyor ve yazilar resmin uzerinden geciyor. Benim burada yaptigim hata nedir de ben yaizi resimden ayirt edemiyorum acaba?
Tesekkurler