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

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.

 

About Seçil ŞEKERCİ HÜSEM

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

View all posts by Seçil ŞEKERCİ HÜSEM →

2 Comments on “HTML – CSS ile Div Tasarım Örnekleri – 7”

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.