Div table yerine kullanılır.table’a göre daha kullanışlıdır.Div, dikdörtgen veya kare çizer,ekranda görünmez.div’i biçimlendirmek için CSS kullanırız.
- <style type=”text/css” > </style> yazarak CSS’de tag girdiğimizi belirtmiş oluruz.
- div body’nin açine yazılır.
- <style></style> dosyasını bütün bilgileri kapsamak(değiştirmek) için kullanırız.head’ın içine yazılır.
- Birim aralarında noktalı virgül(;) kullanılır.
- CSS’de atama yapılırken iki nokta üstüste(:) kullanılır.
Şimdi örneklerle taglarımızı öğrenelim;
position:absolute =>divlerimizi bilgisayara göre orjin noktasına toplar.
marjin-top =>divlerimizi yukarıya taşır.
marjin-left => divlerimizi sola taşır.
Görüntü şöyle oluşur.
Başka bir örnek daha inceleyelim.Bu ornekte çakışan iki resmi birleştircez.
Görüntü şöyle oluşur:
- Bazen div içine div açmak uzun ve zahmetli olabilir.Bunun yerine biz table kullanırız.
- Ve bazen alanımızı parselleyip işlemlerimizi öyle yapabiliriz.
Görüntü şöyledir:
background-repeat:no repeat => devam eden yazıları durdurur.tekrara engel olur.
border:1px white => resme 1px lik çerçeve ekler.