Apa Itu Model Kotak?
Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 33 dari 76.
Dalam CSS, setiap elemen HTML diperlakukan sebagai kotak persegi panjang, mengikuti Box Model. Model ini terdiri dari empat bagian utama:
- Konten: Teks, gambar, atau konten lain yang sebenarnya di dalam kotak.
- Padding: Ruang antara konten dan border. Padding menambah ukuran elemen, tetapi menjaga warna latar tetap di dalamnya.
- Batas: Garis yang mengelilingi padding dan konten. Batas dapat memiliki gaya, warna, dan lebar yang berbeda.
- Margin: Ruang di luar batas yang memisahkan elemen dari elemen lainnya.
Memahami Box Model membantu mengatur jarak dan tata letak dalam desain web! 🚀
Coba sendiri
Pelajaran ini tidak memiliki tantangan kode.
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Menata dengan CSS
5Warna dan Latar Belakang
Warna Latar BelakangWarna HEXWarna RGBTransparansi dengan RGBATantangan Rangkuman #13Selektor Dasar
Pengantar SelektorSelektor TipeSelektor classSelektor IDSelektor GrupSelektor UniversalTantangan Seleksi9Flexbox
Apa itu Flexbox?Arah FlexJustify ContentAlign ItemsTitik Tengah yang SempurnaTantangan Flexbox12Dasar-Dasar Desain Responsif
Apa Itu Desain Responsif?Tag Meta ViewportTata Letak FluidaUnit ViewportDasar-Dasar Media QueriesGambar FleksibelLatihan sendiri: Playground Web