Câu hỏi tự luận mức độ thông hiểu Khoa học máy tính 12 ctst bài F11: Định kiểu CSS cho bảng và phần tử

Câu 1:

- Cách thức hoạt động: padding tạo khoảng cách giữa nội dung bên trong một phần tử và viền của nó. Giá trị của padding có thể được thiết lập cho từng phía (trên, dưới, trái, phải) hoặc đồng nhất cho tất cả các phía.

- Ảnh hưởng đến bảng và phần tử <div>:

+ Bảng: padding trong các ô bảng giúp văn bản không bị dính vào viền, làm cho nội dung dễ đọc hơn.

+ Phần tử <div>: padding giúp tạo không gian bên trong <div>, làm cho nội dung bên trong không bị chèn sát vào viền.

Câu 2:

=> Khác biệt: margin ảnh hưởng đến khoảng cách giữa các phần tử, trong khi padding ảnh hưởng đến khoảng cách giữa nội dung và viền của một phần tử.

Câu 3: 

- Mô tả: display xác định cách mà phần tử hiển thị trên trang. Một số giá trị phổ biến bao gồm:

+ block: Phần tử chiếm toàn bộ chiều rộng và bắt đầu trên một dòng mới.

+ inline: Phần tử chỉ chiếm không gian cần thiết và không bắt đầu trên một dòng mới.

+ inline-block: Kết hợp cả hai, cho phép phần tử có chiều rộng và chiều cao nhưng vẫn nằm trên cùng một dòng.

+ Ứng dụng cho <div>: Sử dụng display để thay đổi cách bố trí các phần tử <div>, có thể làm cho chúng hiển thị trên cùng một dòng hoặc tách biệt thành các dòng khác nhau.