Khởi động trang 76 Tin học 12: Quan sát đoạn văn bản được thể hiện trên một trang web trong hình 14.1. Em có nhận xét gì về các định dạng liên quan đến phông chữ của văn bản
Lời giải: Xem lời giải tại đây
1. Định dạng văn bản bằng CSS
Hoạt động 1 trang 76 Tin học 12: Các mẫu định dạng văn bản trong Hình 14.1 đều liên quan đến định dạng kí tự gồm phông chữ, màu chữ và kiểu chữ. Các thuộc tính của CSS liên quan bao gồm định dạng phông chữ (text font), màu chữ (text color) và dòng văn bản (text line). Quan sát và thảo luận để hiểu rõ hơn các mẫu định dạng CSS này.
Lời giải: Xem lời giải tại đây
Câu hỏi 1 trang 79 Tin học 12: Giải thích các mẫu định dạng CSS sau:
Lời giải: Xem lời giải tại đây
Câu hỏi 2 trang 79 Tin học 12: Giả sử mẫu định dạng CSS có định dạng sau:
Hãy kiểm tra tác dụng của CSS này trên một tệp HTML bất kì và đưa ra nhận xét.
Lời giải: Xem lời giải tại đây
2. Tính kế thừa và cách lựa chọn theo thứ tự của CSS
Hoạt động 2 trang 79 Tin học 12: Quan sát, tìm hiểu, trao đổi và trả lời các câu hỏi sau:
1. Các mẫu định dạng có tính kế thừa trong mô hình cây HTML không? Nếu một mẫu định dạng thiết lập ở một phần từ HTML thì định dạng đó có áp dụng cho tất cả các phần tử con, cháu của phần tử này không?
2. Nếu có nhiều mẫu CSS cùng được thiết lập cho một phần tử HTML thì trình duyệt sẽ áp dụng các mẫu định dạng CSS này theo thứ tự ưu tiên nào.
Lời giải: Xem lời giải tại đây
Câu hỏi 1 trang 81 Tin học 12: Giả sử có mẫu định dạng sau.
Khi đó toàn bộ văn bản của trang web sẽ mặc định thể hiện với phông có chân, đúng hay sai?
Lời giải: Xem lời giải tại đây
Câu hỏi 2 trang 81 Tin học 12: Giả sử có mẫu định dạng như sau:
Mẫu nào sẽ được áp dụng cho h1, mẫu nào sẽ được áp dụng cho thẻ p.
Lời giải: Xem lời giải tại đây
Luyện tập
Luyện tập 1 trang 82 Tin học 12: Mỗi phông chữ sau đây thuộc loại nào?
Lời giải: Xem lời giải tại đây
Luyện tập 2 trang 82 Tin học 12: Hãy liệt kê các thuộc tính CSS liên quan đến định dạng đoạn văn bản sau:
Lời giải: Xem lời giải tại đây
Vận dụng
Vận dụng 1 trang 82 Tin học 12: Tìm hiểu thêm các thuộc tính phông chữ như font-variant và thuộc tính dòng văn bản như letter-space (khoảng cách giữa các kí tự), word-space (khoảng cách các từ) và text-shadow (chữ bóng).
Lời giải: Xem lời giải tại đây
Vận dụng 2 trang 82 Tin học 12: Với bài đọc thêm Lịch sử CSS (Bài 13), em hãy thiết lập hai tệp CSS khác nhau để định dạng cho trang web mô tả bài đọc thêm này. Hai kiểu định dạng được thiết lập cần khác nhau về phông chữ, cỡ chữ và màu chữ.
Lời giải: Xem lời giải tại đây