Web sitenizin tasarımını yaparken elementler arasında boşluk olmasını isteyeceksiniz. Aksi takdirde elementleriniz birbirine girecek ve çirkin gözükecektir. Elementlerinize boşluk verirken sağdan şu kadar, soldan şu kadar diyerek uzunluk birimleriyle ayarliyacaksınız. Genelde en çok kullanılan uzunluk biri web ortamı için \'px\' isimli birimdir. Yanı sıra diğer pt, cm, etc şeklinde uzunluk birimlerini arzu ederseniz kullanabilirsiniz. Aşağıdaki örneği incelerseniz, olayın mantığını kavrayacaksınız.
Yukarıdaki örnekte ayrı ayrı hangi yönden ne kadar boşluk olacağını satır satır yazdık fakat böyle yazmak genelde pek doğru değildir. Tamam, kod çalışır fakat iyi bir yazılımcı bir işi en kısa yoldan yapmalıdır. Yukarıda yazdığımız dört satırı tek bir satırda yazmayı göstereceğim şimdi size. Bu şekilde biraz kafanız karışabilir ama zamanla alışacaksınız..
Daha önce Html derslerimizde <center> etiketi ile ortalamayı göstermiştik. Benzer bir şekilde yine yatayda istediğimiz içeriği margin ile nasıl yatayda ortalarız onu göstermek istiyorum. Doğru olan esasen nesneleri bu şekilde ortalamaktır. Bu şekilde ortalanan nesneler responsive dediğimiz sitenizin gösterildiği platformda yani tabletinizde telefonunuzda vb. cihazlarda daha düzgün bir şekilde bozulmadan göstermemizin bir parçası olarak görev alır.
Enes KILIÇ
Webmaster
Paylaş: