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

Đề bài

Thuộc tính nào sau đây yêu cầu trình duyệt web đổ bóng màu xám cho

văn bản của đối tượng?

font: shadowed 5px 5px 5px grey;
font- shadow: 5px 5px 5px grey;
text-shadow: 5px 5px 5px grey;
shadow: text 5px 5px 5px grey;
Đáp án đúng: C

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Đề bài yêu cầu chúng ta xác định thuộc tính CSS nào dùng để đổ bóng màu xám cho văn bản.

Phân tích các tùy chọn:

  • A. font: shadowed 5px 5px 5px grey;
    Thuộc tính font không được dùng để tạo bóng cho văn bản. Mục đích chính của "font" là để định dạng kiểu chữ (như kích cỡ, kiểu chữ,...), không liên quan đến bóng văn bản.
  • B. font-shadow: 5px 5px 5px grey;
    Thuộc tính này không tồn tại trong CSS. Không có thuộc tính nào tên "font-shadow" được sử dụng trong CSS tiêu chuẩn.
  • C. text-shadow: 5px 5px 5px grey;
    Đây là thuộc tính CSS đúng để tạo hiệu ứng đổ bóng cho văn bản. Định dạng chung là text-shadow: [offset-x] [offset-y] [blur-radius] [color];. Theo đó, văn bản sẽ được đổ bóng màu xám với độ dời ngang 5px, dời dọc 5px, và độ mờ 5px.
  • D. shadow: text 5px 5px 5px grey;
    Cũng không tồn tại thuộc tính CSS nào như "shadow". Do đó, đây không phải là cách dùng đúng trong CSS.

Đáp án đúng là C: text-shadow: 5px 5px 5px grey;

Chú ý khi giải

Khi làm bài tập liên quan đến CSS, học sinh cần chú ý:

  • Các thuộc tính CSS tiêu chuẩn và cách sử dụng đúng của từng thuộc tính.
  • Hiểu rõ ý nghĩa của từng tham số trong các thuộc tính CSS (ví dụ, với text-shadow là offset-x, offset-y, blur-radius, và color).
  • Luôn đảm bảo dùng đúng cú pháp và không viết nhầm tên thuộc tính CSS, bởi lỗi này dễ dẫn tới mã không chạy đúng như ý muốn.