Up5me
Trang chủ > Câu hỏi lẻ > t2vrVf_2ATg4

Đề bài

Để định dạng 3 thẻ hl, h2, và h3 đều in nghiêng và có màu chữ đỏ, câu lệnh CSS nào sau đây là đúng?

hl, h2, h3 { color: red; font-style: italic;}
h1 >h2 > h3 {font-color: "red"; font-style: italic;}
hI+h2+h3 {text-color: "red"; font-style: "italic";}
hI h2 h3 { color: red; font-style: italic;}
Đáp án đúng: A

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để định dạng cho các thẻ h1, h2, và h3 đều in nghiêng và có màu chữ đỏ, chúng ta cần chọn tất cả các thẻ này và áp dụng các thuộc tính CSS thích hợp.

  1. Xét từng phương án:
  2. Phương án A: h1, h2, h3 { color: red; font-style: italic;}
    - Sử dụng đúng cú pháp: dùng dấu phẩy để chọn nhiều phần tử (h1, h2, và h3), các thuộc tính color: red;font-style: italic; cũng được chỉ định chính xác.
    - Phương án này hoàn toàn đúng.
  3. Phương án B: h1 >h2 > h3 {font-color: "red"; font-style: italic;}
    - Lỗi sử dụng dấu >: chỉ dùng để chỉ định phần tử con trực tiếp, không phù hợp với yêu cầu chọn all.
    - Thuộc tính font-color không hợp lệ, đúng phải là color.
    - Không đúng cú pháp.
  4. Phương án C: h1+h2+h3 {text-color: "red"; font-style: "italic";}
    - Lỗi sử dụng dấu +: biểu thị chỉ chọn phần tử anh em liền kế tiếp không phù hợp với yêu cầu chọn all.
    - Thuộc tính text-color không hợp lệ, đúng phải là color.
    - Phần giá trị không cần dấu "".
    - Không đúng cú pháp.
  5. Phương án D: h1 h2 h3 { color: red; font-style: italic;}
    - Sử dụng dấu cách để chọn các phần tử lồng nhau, không đúng với yêu cầu.
    - Không đúng cú pháp.
  6. Vậy phương án đúng phải là phương án A.

Chú ý khi giải

  • Trong CSS, muốn áp dụng cùng một kiểu định dạng cho nhiều phần tử không liên quan với nhau, phải sử dụng dấu phẩy (,) để ngăn cách giữa các tên phần tử.
  • Phải chú ý tới tên thuộc tính CSS đúng như color (không phải font-color hay text-color).
  • Cú pháp CSS yêu cầu nghiêm ngặt, nên phải đảm bảo không có lỗi cú pháp như thừa hoặc thiếu dấu cách, sử dụng đúng dấu "" khi phù hợp, vv.