Adım1:Html Dosyasını Hazırlayalım
Bu dersde html sayfamızı kolonlar ile üçe böleceğiz. Öncelikle oluşturacağımız css dosyazını sayfamıza bağlayalım.




html sayfamızı yukarıdaki şekilde hazırlayalım yukarıdaki kodun yaptığı iş kolon.css dosyasını
bularak html sayfamıza css dosyasında etiketlenmiş olan sitilleri yüklemektir. Şimdide Bu etiketleri kullanarak 3 adet div tagnı etiketleyelim.




Yukarıdaki kodda 3 div bloğu açarak etiketledik. <b>Div</b> tagına verilecek sitil etiketleri Div in <b>"id"</b> olayına yazılır.

Şimdide kolon.css dosyasını oluşturalım.

Adim2: Kolon.css dosyası
Kullandığımız text editör programında yeni bir css uzantılı dosua oluşturalım ve içerisine aşağıdaki blokları yazalım.




<b>Sitil özellikleri</b>

background: div tagına ait arkaplanı belirler.
position: konum özelliği belirler.
top: Sayfanın en üstü ile div in arasındaki mesafe.
right: Sayfanın en sağı ile div in aasındaki mesafe.
left: Sayfanın en solu ile div in aasındaki mesafe.
font: Div tag ının içerisinde geçerli olacak yazı özellikleri.

Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.