HTML – CSS ile Div Tasarım Örnekleri – 3

Div nedir? Div kullanımında dikkat edilmesi gerekenler ve basit div kullanımı örnekleri CSS ile Div Kullanımı başlıklı yazıda anlatılmıştır.

Web sayfası tasarlamadan önce div etiketinin kullanımı iyi öğrenilmelidir. CSS ile Div Tasarım Örnekleri yazı dizisinde basitten karmaşığa site tasarımlarında olabilecek div yerleşimlerini tasarlayacağız. 

HTML ve CSS kullanılarak aşağıdaki görüntü tasarlanmıştır.

Body etiketi ile tüm sayfanın arka plan rengi, yazı boyutu ve yazıların hizalaması ayarlandı.

Tüm oluşturacağımız div‘leri kapsayarak derleyip toparlayacak #anadiv oluşturuldu. margin:0 auto veya margin:0 auto 0 auto ile kapsadığı div’lerle beraber sayfada ortalandı.

Float kullanımı bittikten sonra yani yan yana yerleştireceğimiz div’lerle işimiz bittikten sonra  clear:both kullanımı unutulmamalıdır.

 

Seçil ŞEKERCİ HÜSEM

2010 yılından bu yana Bilişim Teknolojileri Öğretmeni olarak meslek liselerinde görev yapmaktayım.

Tüm yazılarını göster

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.