Please enable JavaScript.
Coggle requires JavaScript to display documents.
🌐 CSS BOX MODEL – THIẾT LẬP ĐỊNH DẠNG KHUNG - Coggle Diagram
🌐 CSS BOX MODEL – THIẾT LẬP ĐỊNH DẠNG KHUNG
1️⃣ Khái niệm
CSS Box Model là mô hình thiết lập khung cho phần tử HTML.
Mỗi phần tử được xem như một hình hộp.
Dùng để sắp xếp bố cục và trang trí giao diện.
2️⃣ Cấu trúc khung (từ trong ra ngoài)
Content: nội dung bên trong phần tử
Padding: khoảng cách từ nội dung đến viền
Border: đường viền bao quanh phần tử
Margin: khoảng cách giữa phần tử với phần tử khác
3️⃣ Thuộc tính CSS liên quan
width, height: kích thước khung
padding: vùng đệm
margin: lề ngoài
border-width: độ dày viền
border-style: kiểu viền
border-color: màu viền
border: thuộc tính gộp
4️⃣ Phân loại phần tử HTML
Phần tử khối (block)→ áp dụng đầy đủ width, height, padding, margin, border
Phần tử nội tuyến (inline)→ không áp dụng width, height→ chỉ có padding, margin ngang và border