Khởi động trang 83 Tin học 12: Các định dạng sau có thiết lập cùng một màu hay không? Em có nhận xét gì về thiết lập này?
Lời giải: Xem lời giải tại đây
1. Hệ thống màu của CS
Hoạt động 1 trang 83 Tin học 12: Cùng thảo luận và tìm hiểu hệ màu RGB hỗ trợ bởi HTML và CSS.
Lời giải: Xem lời giải tại đây
Câu hỏi 1 trang 84 Tin học 12: Các màu cơ bản red, yellow, green, blue, magentam cyan được thể hiện bằng hàm hsl như thế nào?
Lời giải: Xem lời giải tại đây
Câu hỏi 2 trang 84 Tin học 12: Trong hệ màu rgb có bao nhiêu màu thuộc màu xám?
Lời giải: Xem lời giải tại đây
Hoạt động 2 trang 84 Tin học 12: Cùng thảo luận về cách thiết lập màu trong các mẫu CSS và trả lời các câu hỏi sau:
1. Cách thiết lập định dạng màu chữ trong CSS như thế nào?
2. Cách thiết lập màu nền cho các phần tử CSS như thế nào?
Lời giải: Xem lời giải tại đây
Câu hỏi 1 trang 85 Tin học 12: Sửa lại CSS trong ví dụ trên, định dạng màu nền và khung viền cho cụm từ Tim Berners-Lee với màu khác biệt.
Lời giải: Xem lời giải tại đây
Câu hỏi 2 trang 85 Tin học 12: Sửa lại CSS trên, thay đổi định dạng khung viền cho phần tử p. Em hãy kiểm tra xem tính chất này có kế thừa cho các phần tử con không.
Lời giải: Xem lời giải tại đây
2. Thiết lập bộ chọn là tổ hợp các phần tử có quan hệ
Hoạt động 3 trang 85 Tin học 12: Quan sát, trao đổi và thảo luận về 4 trường hợp bộ chọn là tổ hợp các phần tử, nêu ý nghĩa và sự khác biệt giữa các trường hợp này: E F, E > F, E + F và E ~ F.
Lời giải: Xem lời giải tại đây
Câu hỏi 1 trang 87 Tin học 12: Trong ví dụ ở Hình 15.7, nếu thay mẫu em ~ strong bằng p > strong thì kết quả sẽ như thế nào?
Lời giải: Xem lời giải tại đây
Câu hỏi 2 trang 87 Tin học 12: Trong ví dụ ở Hình 15.7 nếu thay mẫu em ~ strong bằng em + strong thì kết quả sẽ như thế nào?
Câu hỏi 3 trang 87 Tin học 12: Trong ví dụ ở Hình 15.7, nếu thay mẫu em ~ strong bằng p strong thì kết quả sẽ như thế nào?
Lời giải: Xem lời giải tại đây
Luyện tập
Luyện tập 1 trang 88 Tin học 12: Thiết lập hệ màu cơ bản (17 mảu của CSS2.1) theo bộ ba tham số R, G, B.
Lời giải: Xem lời giải tại đây
Luyện tập 2 trang 88 Tin học 12: Khi nào các mẫu định dạng E F và E > F có tác dụng như nhau?
Lời giải: Xem lời giải tại đây
Vận dụng
Vận dụng 1 trang 88 Tin học 12: Tìm ví dụ và giải thích ý nghĩa cho các mẫu định dạng CSS tổng quát như sau:
a) E1 E2 E3.
b) E1 > E2 >E3.
Lời giải: Xem lời giải tại đây
Vận dụng 2 trang 88 Tin học 12: Tìm ví dụ và giải thích ý nghĩa cho các mẫu định dạng CSS tổng quát như sau:
a) E + F +G.
b) E >F + G
Lời giải: Xem lời giải tại đây