Câu hỏi tự luận mức độ thông hiểu Khoa học máy tính 12 ctst bài F7: Giới thiệu CSS

Câu 1: 

- Chọn lọc theo thẻ (Type Selector): Áp dụng kiểu cho tất cả các phần tử của một loại nhất định (ví dụ: p cho tất cả các thẻ <p>).

- Chọn lọc theo lớp (Class Selector): Áp dụng kiểu cho tất cả các phần tử có cùng lớp, sử dụng dấu chấm (.) trước tên lớp (ví dụ: .classname).

- Chọn lọc theo ID (ID Selector): Áp dụng kiểu cho một phần tử cụ thể có ID duy nhất, sử dụng dấu # trước tên ID (ví dụ: #idname). Chọn lọc theo ID có độ ưu tiên cao hơn so với lớp và thẻ.

Câu 2: 

- Margin: Là khoảng cách bên ngoài của một phần tử, tạo khoảng cách giữa phần tử đó và các phần tử khác. Margin có thể được đặt cho tất cả các hướng (trên, dưới, trái, phải) và có thể có giá trị âm.

- Padding: Là khoảng cách bên trong của một phần tử, tạo khoảng cách giữa nội dung của phần tử và biên của nó. Padding cũng có thể được đặt cho tất cả các hướng và không thể có giá trị âm.

Câu 3: 

- Khi muốn áp dụng các kiểu cho nhiều trang HTML, giúp tái sử dụng mã CSS và duy trì tính nhất quán.

- Muốn tách biệt nội dung (HTML) và kiểu dáng (CSS), giúp mã nguồn dễ đọc và bảo trì hơn.

- Cần giảm kích thước tệp HTML, cải thiện tốc độ tải trang.

Câu 4: 

Khái niệm "box model" trong CSS mô tả cách mà các phần tử HTML được hiển thị như các hình chữ nhật (hộp). Box model bao gồm các thành phần sau:

+ Content: Nội dung thực tế của phần tử (văn bản, hình ảnh, v.v.).

+ Padding: Khoảng cách giữa nội dung và viền của phần tử.

+ Border: Đường viền xung quanh padding và nội dung.

+ Margin: Khoảng cách giữa phần tử và các phần tử khác xung quanh nó.