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

Đề bài

Phương án nào dưới đây nêu đúng về cách xử lí của trình duyệt web khi hiển thị phần tử có thuộc tính margin: 10px;?

Chọn ngẫu nhiên 1 trong 4 hướng trên, phải, dưới, trái để đặt giá trị khoảng cách 10px.
Chọn hướng trên và đặt giá trị khoảng cách 10px.
Đặt cùng giá trị khoảng cách 10px cho cả 4 hướng trên, phải, dưới, trái.
Trình duyệt sẽ bỏ qua thuộc tính trên vì khai báo không đầy đủ.
Đáp án đúng: C

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Khi khai báo margin: 10px; trong CSS cho một phần tử, trình duyệt web sẽ hiểu rằng bạn muốn áp dụng một khoảng cách 10px cho tất cả bốn cạnh bên ngoài của phần tử đó. Đây là cách đơn giản để thiết lập cùng một kích thước lề cho cả bốn phía.

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

  • A. Chọn ngẫu nhiên 1 trong 4 hướng trên, phải, dưới, trái để đặt giá trị khoảng cách 10px. - Không đúng, trình duyệt không có cơ chế chọn ngẫu nhiên khi xử lý CSS.
  • B. Chọn hướng trên và đặt giá trị khoảng cách 10px. - Không đúng, vì margin: 10px; áp dụng cho tất cả các hướng, không chỉ một.
  • C. Đặt cùng giá trị khoảng cách 10px cho cả 4 hướng trên, phải, dưới, trái. - Đúng, vì đó chính là cách mà thuộc tính margin: 10px; được diễn giải.
  • D. Trình duyệt sẽ bỏ qua thuộc tính trên vì khai báo không đầy đủ. - Không đúng, vì margin: 10px; là khai báo hợp lệ trong CSS, áp dụng cho cả 4 hướng một cách đầy đủ.

Vì vậy, phương án đúng là: C. Đặt cùng giá trị khoảng cách 10px cho cả 4 hướng trên, phải, dưới, trái.

Chú ý khi giải

  • Khi chỉ định margin cho một phần tử, nếu bạn muốn các khoảng cách trên, phải, dưới, trái có giá trị khác nhau, cần thiết lập cụ thể cho từng hướng bằng các thuộc tính như: margin-top, margin-right, margin-bottom, margin-left hoặc sử dụng giá trị tách biệt trong cùng một thuộc tính margin.
  • Lưu ý việc sử dụng các đơn vị đo kích thước trong CSS như px, em, rem để điều chỉnh khoảng cách theo nhu cầu thiết kế cụ thể.