Câu hỏi tự luận mức độ vận dụng 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ác lớp (class) trong CSS cho phép bạn áp dụng cùng một kiểu cho nhiều phần tử khác nhau trên trang mà không cần lặp lại mã. Bạn có thể định nghĩa các lớp riêng biệt cho từng kiểu bảng và áp dụng chúng.

*Ví dụ: 

.table-blue {

    border: 1px solid blue;

    background-color: #e7f3ff;

}

.table-green {

    border: 1px solid green;

    background-color: #e7ffe7;

}

Câu 2: 

*Ưu điểm:

+ Dễ bảo trì: Thay đổi một nơi có thể ảnh hưởng đến nhiều phần tử.

+ Tách biệt nội dung và kiểu: Giúp mã HTML gọn gàng hơn.

+ Tái sử dụng: Có thể áp dụng cùng một kiểu cho nhiều phần tử.

*Nhược điểm:

+ Tốc độ tải trang: Nếu có quá nhiều tệp CSS, có thể làm chậm tốc độ tải trang.

+ Khó khăn trong việc gỡ lỗi: Đôi khi có thể khó xác định vị trí vấn đề nếu có nhiều lớp CSS phức tạp.

Câu 3:

- Thảo luận: CSS Flexbox cho phép bạn dễ dàng bố trí các phần tử trong một dòng hoặc cột. Đối với phần tử <div>, bạn có thể sử dụng Flexbox để căn giữa nội dung, tạo bố cục linh hoạt và thích ứng với kích thước màn hình khác nhau.

- Ví dụ cho bảng: Có thể áp dụng Flexbox cho các ô trong bảng để điều chỉnh cách hiển thị nội dung bên trong các ô.