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

Đề bài

Cách khai báo nào sau đây để đặt padding cho một phần tử?

padding: 10px, 20px, 30px, 40px;
padding = 10px 20px 30px 40px;
padding: 10px 20px 30px 40px;
10px 20px 30px 40px: padding;
Đáp án đúng: C

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để giải quyết bài này, các em cần nắm vững quy tắc khai báo thuộc tính CSS để đặt padding cho một phần tử.

Phân tích từng phương án:

  • A. padding: 10px, 20px, 30px, 40px;
    - Dấu , không phải là cú pháp hợp lệ trong CSS để ngăn cách giá trị của thuộc tính padding. Vì thông thường giá trị của padding được ngăn cách bởi dấu cách (space), không phải dấu phẩy.
    => Đây là cách khai báo sai.
  • B. padding = 10px 20px 30px 40px;
    - Dấu = không tồn tại trong cú pháp khai báo thuộc tính CSS. Thay vào đó, chúng ta sử dụng dấu :.
    => Đây là cách khai báo sai.
  • C. padding: 10px 20px 30px 40px;
    - Đây là cú pháp chính xác để khai báo padding cho một phần tử trong CSS. Các giá trị thể hiện thứ tự: trên (top), phải (right), dưới (bottom), trái (left).
    => Đây là cách khai báo đúng.
  • D. 10px 20px 30px 40px: padding;
    - Đây cũng không phải là cú pháp đúng trong CSS, vì thứ tự giữa giá trị và thuộc tính là sai.
    => Đây là cách khai báo sai.

Đáp án đúng là C.

Chú ý khi giải

  • Chú ý đến cú pháp chuẩn khi viết CSS, đặc biệt là việc sử dụng dấu : để ngăn cách giữa thuộc tính và giá trị.
  • Cần nhớ rằng thứ tự giá trị khi khai báo padding với bốn giá trị sẽ tượng trưng cho: trên (top), phải (right), dưới (bottom), trái (left).
  • Không sử dụng dấu , để ngăn cách các giá trị khi khai báo thuộc tính CSS trừ một số thuộc tính đặc biệt như font-family.