CSS — Box Model

Genel Bakış

CSS içinde Box Model konusunu açıklama ve örnekle öğren.

Öğreneceklerin

• Box Model nedir
• Ne zaman kullanılır
• Pratikte nasıl çalışır
• Kopyala‑yapıştır örneği

Sözdizimi

margin / padding / border

Örnek

.box{
  margin:12px;
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:12px;
}

Notlar

• Örneği Playground’da dene.
• Önce basit başla sonra geliştir.

Yaygın hatalar

• Sözdizimini karıştırmak.
• Sonucu test etmemek.

Kendin Dene: Playground aç: /tr/playground/html