Bu makalemde CSS’in temel düşünce tarzı olan Kutu Modeli‘ni anlatacağım. Bunu makaleyi css hakkında hiçbir şey bilmeden de anlayabilirsiniz ama tavsiyem önce css nasıl bir şeydir bir gözatmanız. Css’i burada baştan anlatmam mümkün değil. Bu sebeple birkaç dakikanızı ayırıp şu kaynaklara bir göz atınız.
Gelelim “Kutu Modeli”ne… Css, nesneleri (yazı, resim, link, form bileşeni vs.) birer kutu olarak düşünür. Bu nesnelerin yukarıdan, sağdan, soldan hizalaması, çerçeveleme vb. bir çok işlem kutu modeli ile gerçekleşir. Daha iyi anlayabilmeniz için bu modeli bir resimle anlatmaya çalışayım.