Kiến thức về Mô hình Hộp CSS

Thành phần nào sau đây KHÔNG thuộc mô hình hộp (Box Model) trong CSS?

• Content

• Border

• Layer

• Margin

Trong mô hình hộp của CSS, khoảng cách giữa nội dung và viền gọi là gì?

• Margin

• Padding

• Border

• Width

Thuộc tính CSS nào giúp xác định khoảng cách giữa phần tử và các phần tử xung quanh?

• Padding

• Border

• Margin

• Width

Thành phần nào xác định độ dày và kiểu của đường viền xung quanh nội dung trong mô hình hộp?

• Border

• Padding

• Margin

• Content

Khi sử dụng thuộc tính display: flex, điều gì xảy ra với các phần tử con?

• Chúng xếp chồng lên nhau theo trục dọc

• Chúng tự động căn giữa theo chiều ngang

• Chúng có thể được sắp xếp linh hoạt theo trục ngang hoặc dọc

• Chúng trở thành phần tử dạng khối (block)

Thuộc tính nào giúp xác định bố cục tổng thể của một trang web bằng cách chia trang thành các vùng khác nhau?

• Position

• Display

• Layout

• Grid

Giả sử một trang web có header, main, sidebar và footer. Thuộc tính CSS nào giúp cố định header ở trên cùng khi cuộn trang?

• position: relative;

• position: fixed;

• position: absolute;

• position: sticky;

Khi sử dụng mô hình hộp, nếu một phần tử có margin: auto; thì điều gì sẽ xảy ra?

• Phần tử sẽ nằm ở góc trên bên trái

• Phần tử sẽ căn giữa theo chiều ngang

• Phần tử sẽ căn giữa theo chiều dọc

• Phần tử sẽ không thay đổi vị trí

b với ba cột có chiều rộng bằng nhau. Thuộc tính CSS nào là phù hợp nhất?

• display: grid; grid-template-columns: 1fr 1fr 1fr;

• display: flex; flex-direction: column;

• display: block;

• position: absolute;

Giả sử bạn có một phần tử với width: 200px; padding: 20px; border: 5px solid black; thì tổng chiều rộng thực tế của phần tử là bao nhiêu?

• 200px

• 225px

• 250px

• 270px