Đề bài

Sự khác biệt giữa margin và padding trong CSS là gì?

Phương pháp giải

- Nhớ lại định nghĩa cơ bản về margin và padding.

- Phân biệt qua vị trí và chức năng của từng thuộc tính trong mô hình hộp (box model).

- Nếu cần, vẽ mô hình hộp để minh họa rõ hơn.

Lời giải của GV Loigiaihay.com

Thuộc tính	Mô tả	Tác dụng
Padding	Khoảng cách bên trong giữa nội dung và viền (border) của phần tử	Tạo khoảng cách nội bộ, làm "thoáng" nội dung bên trong
Margin	Khoảng cách bên ngoài giữa viền phần tử và phần tử khác bên ngoài	Tạo khoảng cách giữa các phần tử, giúp chúng không bị dính vào nhau

Minh hoạ bằng hình ảnh:

Mở rộng

Lưu ý: Cả padding và margin đều có thể thiết lập riêng cho từng cạnh (top, right, bottom, left)