Câu lệnh CSS nào sau đây thực hiện định dạng văn bản với nền màu vàng và chữ màu đỏ?
Lời giải chi tiết
Để giải quyết bài toán này, chúng ta cần phải chú ý đến hai thuộc tính trong CSS: color dùng để định màu chữ và background-color dùng để định màu nền. Cụ thể như sau:
p {color: red; background-color: yellow;} sử dụng đúng cả hai thuộc tính color và background-color, nên đây là câu trả lời đúng. Nó xác định rằng thẻ <p> sẽ có chữ màu đỏ và nền màu vàng.paragraph{color: red; background-color: yellow;} là không đúng vì paragraph không phải là một selector hợp lệ trong HTML. Thẻ HTML đúng sẽ là p chứ không phải paragraph.p {color: red; background: yellow;} mặc dù là có thể hợp lệ, nhưng background ở đây không nhất thiết chỉ định rõ ràng rằng đó là màu nền, vì background có thể bao gồm các thuộc tính khác như hình ảnh nền. Tuy nhiên, trường hợp đơn giản chỉ định màu nền thì vẫn có thể làm việc nhưng không tối ưu hóa tường minh như phương án A.para {font-color: red; background-color: yellow;} không hợp lệ vì font-color không phải là thuộc tính CSS được sử dụng để định màu chữ (phải là color).Kết luận: Câu lệnh đúng và tối ưu nhất là phương án A.
Chú ý khi giải
color và font-color là rất quan trọng, chỉ có color là thuộc tính hợp lệ.background-color và background, trong một số trường hợp, background có thể áp dụng mà không cần tường minh hóa nhưng luôn nên sử dụng chuẩn xác khi cần cụ thể để tránh nhầm lẫn.