CSS kutu modeli, HTML öğelerinin dış görünümünü belirleyen temel bir kavramdır. Bir HTML öğesi, içerikten (content), dolaylı içerikten (padding), sınırdan (border) ve dış boşluktan (margin) oluşan dört ana bileşen içerir. Bu bileşenler, bir kutu içinde yer alır ve bir öğenin genel boyutunu, içeriğini, dolaylı içeriğini, sınırını ve dış boşluğunu belirler.
CSS'de z-ekseninde kutuların öne veya arkaya taşınması, z-index özelliği ile kontrol edilir. Bu özellik, öğelerin diğer öğelerin üzerinde veya altında görüntülenme sırasını belirler. Daha yüksek bir z-index değeri, öğeyi daha öne getirir.
overflow özelliği, bir öğenin içeriği sınırlarını aştığında ne olacağını belirler. Bu özellik, içeriğin taşmasını kontrol etmek için kullanılır. İşte overflow özelliğinin kullanımı:
CSS ile semantik bir sayfa düzeni uygulamak, HTML etiketlerini semantik bir şekilde kullanarak sayfanın yapısını anlamlı hale getirmek ve CSS ile bu yapının görünümünü düzenlemek anlamına gelir. Semantik HTML, sayfanın içeriğini tanımlayan etiketleri kullanmayı içerir.