Kutu Modeli Nedir?
Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 33 / 76.
CSS'de, her HTML öğesi Kutu Modeli'ni (Box Model) takip eden dikdörtgen bir kutu olarak ele alınır. Bu model dört ana bölümden oluşur:
- İçerik – Kutunun içindeki asıl metin, resim veya diğer içerik.
- Padding – İçerik ile kenarlık arasındaki boşluk. Elemanın boyutunu artırır ancak arka plan rengini içeride tutar.
- Kenarlık (Border) – İç boşluğu (padding) ve içeriği çevreleyen bir çizgi. Farklı stillere, renklere ve genişliklere sahip olabilir.
- Margin – Öğeyi diğer öğelerden ayıran, kenarlığın dışındaki boşluk.
Kutu Modelini (Box Model) anlamak, web tasarımında boşlukları ve düzeni kontrol etmeye yardımcı olur! 🚀
Kopya kağıdı
CSS Kutu Modeli, her HTML öğesini dört parçadan oluşan dikdörtgen bir kutu olarak ele alır:
- İçerik (Content) – Kutunun içindeki asıl metin, resim veya diğer içerik
- İç Boşluk (Padding) – İçerik ile kenarlık arasındaki boşluk
- Kenarlık (Border) – İç boşluğu ve içeriği çevreleyen bir çizgi
- Dış Boşluk (Margin) – Kenarlığın dışındaki, öğeyi diğer öğelerden ayıran boşluk
Kendin dene
Bu ders bir kod alıştırması içermiyor.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Styling with CSS bölümündeki tüm dersler
4Metin Temelleri
Metin RengiYazı Tipi AilesiYazı Tipi BoyutuYazı Tipi KalınlığıMetin HizalamaMetin SüslemeTekrar Görevi #1Tekrar Görevi #27Kutu Modeli Bölüm 1
Kutu Modeli Nedir?PaddingMarginKenarlıklarGenişlik ve YükseklikÖzet Meydan Okuması