Kutu Modeli Ozellikleri
Kutu Modeli ÖzellikleriKutu Modeli Özellikleri
CSS'in tüm HTML elemanlarını bir dikdörtgen kutu içine koyduğunu varsayarsak ona göre pozisyonları ve boyutlarını kontrol ederiz..
Bu elemanlar her her zaman bir kenar iç boşluğu (padding), kenar dış boşluğu (margin), kenar çizgisi (border) ve içerik alanını kapsar.. Aşağıdaki resimdede bunu daha net görebilirsiniz..
Artalan kısmı kenar iç boşluğu ve içerik alanını kapsar..
Kutu modelinin iki elemanı bulunur.. Blok seviyesinden elemanlar ve satıriçi seviyeden elemanlar..
Blok Seviyesinden Elemanlar (Block-level Element)
Blok seviyesinden elemanın görünüş formatı bir kutu gibidir.. Blok seviyesinden elemanlar satıriçi elemanlarıda içerebilir. Tipik özellikleri yeni bir satır başlangıcı yapmalırıdır.. (Örn: h1..h6, p, li, div gibi..)
Satıriçi Seviyeden Elemanlar (Inline Element)
Satıriçi seviyeden bir içerik gibi görünür.. Diğer bir satıriçi eleman ya da bir metni içerebilir.. Genelde yeni satır veya boşluk oluşturmazlar.. (Örn: a, strong, em, span gibi..)
Bir satıriçi eleman blok seviyesinden eleman yapılabilir mi?
Evet yapılabilir, daha sonraki derslerde göreceğimiz display özelliği ile bunu yapmak mümkündür.