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

Đề bài

Để đặt kích thước dài 100px, rộng 100px cho một phần tử, cách khai báo nào sau đây là chính xác?

size: 100px 100px;
width = 100px; height = 100px;
width = 100px; height = 100px;
100px: width; 100px: height;
Đáp án đúng: C

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để đặt kích thước dài và rộng cho một phần tử trong CSS, chúng ta thường sử dụng các thuộc tính widthheight. Cụ thể:

  • width: 100px; để thiết lập chiều rộng của phần tử là 100 pixel.
  • height: 100px; để thiết lập chiều cao của phần tử là 100 pixel.

Giờ ta sẽ phân tích từng phương án để xem đâu là phương án chính xác:

  1. A. size: 100px 100px; - Đây là cú pháp không đúng trong CSS để chỉ định chiều dài và chiều rộng. Thuộc tính size thường không dùng để thiết lập chiều dài và chiều rộng một phần tử HTML.
  2. B. width = 100px; height = 100px; - Cú pháp sử dụng toán tử = là không đúng trong CSS. Trong CSS, dấu hai chấm : mới là toán tử hợp lệ để gán giá trị.
  3. C. width = 100px; height = 100px; - Cũng như B, sử dụng = là không đúng, cần dùng dấu :.
  4. D. 100px: width; 100px: height; - Đây là cú pháp ngược, và không hợp lệ trong CSS. Cú pháp chính xác phải là width: 100px;height: 100px;.

Vì thế, không có phương án nào đúng hoàn toàn với cách thiết lập kích thước phần tử bằng CSS. Đầu bài có thể có lỗi typo. Cú pháp đúng cần phải: width: 100px; height: 100px;.

Chú ý khi giải

  • Trong CSS, cách gán thuộc tính và giá trị là sử dụng dấu hai chấm :, không phải dấu bằng =.
  • Luôn kiểm tra cú pháp của CSS để đảm bảo rằng định dạng và giá trị phải đúng.
  • Nên ghi nhớ các thuộc tính cơ bản như widthheight cùng với cách gán giá trị của chúng để tránh nhầm lẫn.