BÀI F9 - MỘT SỐ KĨ THUẬT ĐỊNH KIỂU BẰNG VÙNG CHỌN TRONG CSS (CTST

BÀI F9 - MỘT SỐ KĨ THUẬT ĐỊNH KIỂU BẰNG VÙNG CHỌN TRONG CSS (CTST - CS & ICT)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Chân trời sáng tạo). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

(trang 150 sách ict, trang 117 sách cs)

Theo em, khi định kiểu cho các đề mục h1, việc viết mã lệnh CSS cho thuộc tính style trong từng thẻ <h1> gặp phải những hạn chế nào?

Gợi ý trả lời

- Phải lặp đi lặp lại cùng đoạn mã CSS cho mỗi thẻ.
- Gây khó khăn khi chỉnh sửa – thay đổi 1 thuộc tính cần sửa nhiều nơi.
- Làm mã HTML dài, rối và khó bảo trì.
- Không tận dụng được sức mạnh tái sử dụng của CSS.

(trang 151 sách ict, trang 118 sách cs)

Em hãy trình bày lợi ích khi định kiểu CSS bằng cách khai báo vùng chọn.

Gợi ý trả lời

Lợi ích khi định kiểu CSS bằng cách khai báo vùng chọn là:
- Giúp tách riêng phần nội dung và phần định dạng.
- Cho phép tái sử dụng mã CSS, tiết kiệm thời gian.
- Tăng tính linh hoạt, dễ sửa đổi, cập nhật toàn bộ nhanh chóng.
- Giúp mã HTML ngắn gọn, rõ ràng hơn.

(trang 153 sách ict, trang 120 sách cs)

Theo em, điểm khác biệt giữa khai báo vùng chọn là tên thẻ và khai báo vùng chọn là tên lớp là gì?

Gợi ý trả lời

Điểm khác biệt giữa khai báo vùng chọn là tên thẻ và khai báo vùng chọn là tên lớp:

(trang 153 sách ict, trang 120 sách cs)

1. Em hãy cho biết khái niệm vùng chọn CSS.
2. Theo em, có những kĩ thuật nào để khai báo vùng chọn CSS cơ bản?

Gợi ý trả lời

1. Khái niệm vùng chọn CSS.
Vùng chọn CSS là phần xác định các phần tử HTML nào sẽ được áp dụng quy tắc định dạng CSS.
2. Những kĩ thuật dùng để khai báo vùng chọn CSS cơ bản:

(trang 155 sách ict, trang 122 sách cs)

Em hãy thực hiện các yêu cầu dưới đây.
1. Định kiểu màu sắc tuỳ ý cho phần nền và phần văn bản của các danh sách Sở thích và Các hoạt động đã tham gia bằng vùng chọn tên lớp.
2. Thay đổi định kiểu cho đề mục Lịch sinh hoạt hằng tuần với các thuộc tính tuỳ ý bằng vùng chọn id.
3. Định kiểu với màu sắc tuỳ ý để làm nổi bật một số ô trong bảng Lịch sinh hoạt hằng tuần bằng vùng chọn id hoặc tên lớp.

Gợi ý trả lời

1. Định kiểu màu sắc bằng vùng chọn tên lớp:

Ghi chú: .so-thich và .hoat-dong là tên lớp đặt cho các phần danh sách tương ứng.
2. Thay đổi định kiểu đề mục Lịch sinh hoạt hằng tuần bằng id: