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

Đề bài

Để tạo một id TopBar có chiều rộng 750px, chiều cao 30px và có màu văn bản là màu đỏ, cách khai báo nào sau đây là chính xác?

#TopBar { height: 30px; width: 750px; color: red; }
.TopBar { height: 30px; width: 750px; colour: red; }
#TopBar { height: 30px; width: 750px; text: red; }
.TopBar { height: 30px; width: 750px; color: red; }
Đáp án đúng: A

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Khi khai báo thuộc tính CSS cho một phần tử HTML, chúng ta cần lưu ý đến cú pháp và ký tự định danh (bằng id hoặc class) của phần tử muốn áp dụng.

  • Phần tử có định danh id sẽ sử dụng dấu # trước tên định danh.
  • Phần tử có định danh class sẽ sử dụng dấu . trước tên định danh.
  • Thuộc tính thay đổi màu văn bản là color, không phải colour hoặc text.

Xem xét từng phương án:

  1. A. #TopBar { height: 30px; width: 750px; color: red; }
    • Sử dụng đúng #TopBar cho id và cú pháp đúng cho các thuộc tính.
  2. B. .TopBar { height: 30px; width: 750px; colour: red; }
    • Sai vì dùng .TopBar cho class trong khi cần id. Ngoài ra, colour không phải thuộc tính hợp lệ trong CSS hiện nay.
  3. C. #TopBar { height: 30px; width: 750px; text: red; }
    • Sai ở phần thuộc tính text; không phải là thuộc tính CSS hợp lệ để thay đổi màu văn bản.
  4. D. .TopBar { height: 30px; width: 750px; color: red; }
    • Sai vì dùng .TopBar cho class thay vì id.

Vì vậy, phương án chính xác là A. #TopBar { height: 30px; width: 750px; color: red; }.

Chú ý khi giải

  • Phân biệt cách sử dụng # cho id và . cho class trong CSS.
  • Các thuộc tính CSS cần phải được ghi đúng tên (ví dụ: color thay vì colour).
  • Nên kiểm tra chính tả và cú pháp của thuộc tính CSS để đảm bảo chúng hợp lệ.