Mô hình hộp là gì?

Trong CSS, mọi phần tử HTML đều được xem là một hộp hình chữ nhật theo Mô hình hộp. Mô hình này gồm bốn phần chính:

1. Nội dung: Văn bản, hình ảnh hoặc nội dung khác bên trong hộp.

2. Khoảng đệm: Khoảng trống giữa nội dung và đường viền. Khoảng đệm làm tăng kích thước của phần tử nhưng vẫn giữ màu nền bên trong.

3. Viền: Đường bao quanh phần đệm và nội dung. Viền có thể có nhiều kiểu, màu sắc và độ rộng khác nhau.

4. Lề ngoài: Khoảng trống bên ngoài đường viền, ngăn cách phần tử với các phần tử khác.

Hiểu về mô hình hộp giúp bạn kiểm soát khoảng cách và bố cục trong thiết kế web! 🚀