Để đặ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?
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 width và height. 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:
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.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ị.width = 100px; height = 100px; - Cũng như B, sử dụng = là không đúng, cần dùng dấu :.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; và 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
:, không phải dấu bằng =.width và height cùng với cách gán giá trị của chúng để tránh nhầm lẫn.