Kiểm tra CSS Layout

Làm Chủ CSS Layout – Flexbox & Grid Đỉnh Cao!
Bài thì Kiểm tra CSS Layout

Câu 1: Trong Flexbox, thuộc tính nào được sử dụng để căn chỉnh các phần tử dọc theo trục chính?

A) align-items

B) justify-content

C) align-content

D) flex-direction

None

Câu 2: Trong CSS Grid, thuộc tính nào dùng để xác định khoảng cách giữa các ô lưới?

A) grid-gap

B) gap

C) grid-spacing

D) grid-padding

None

Câu 3: Cú pháp nào đúng để đặt phần tử con trong Grid vào cột 2 và hàng 3?

A) grid-column: 2; grid-row: 3;

B) grid-position: column 2 / row 3;

C) grid-area: 2 / 3;

D) grid-template: col-2 / row-3;

None

Câu 4: Trong Flexbox, giá trị nào của align-items sẽ căn giữa phần tử con theo chiều dọc (trục phụ)?

A) flex-start

B) flex-end

C) center

D) space-between

None

Câu 5: Trong CSS Grid, cú pháp nào đúng để tạo một lưới với 3 cột có kích thước lần lượt là 100px, 200px, và 1fr?

A) grid-template-columns: 100px 200px 1fr;

B) grid-template: 100px 200px 1fr;

C) grid-columns: 100px 200px 1fr;

D) grid-columns-template: 100px 200px 1fr;

None

Câu 6: Trong Flexbox, thuộc tính nào xác định cách các phần tử sẽ hiển thị trên dòng tiếp theo khi không đủ không gian?

A) flex-wrap

B) align-items

C) justify-content

D) flex-flow

None

Câu 7: Trong CSS Grid, giá trị repeat(3, 1fr) trong grid-template-columns có nghĩa là gì?

A) Tạo 3 cột có kích thước bằng nhau là 1fr.

B) Tạo 3 hàng có kích thước bằng nhau là 1fr.

C) Tạo 1 cột có kích thước 1fr và lặp lại 3 lần.

D) Tạo 3 cột có chiều rộng cố định.

None

Câu 8: Trong Flexbox, thuộc tính flex-direction: column; có tác dụng gì?

A) Sắp xếp các phần tử theo hàng ngang.

B) Sắp xếp các phần tử theo hàng dọc.

C) Sắp xếp các phần tử theo thứ tự ngược lại.

D) Sắp xếp các phần tử theo cả hai chiều.

None

Câu 9: Thuộc tính CSS Grid nào được sử dụng để chỉ định tên cho các vùng trong lưới?

A) grid-template

B) grid-names

C) grid-template-areas

D) grid-area-names

None

Câu 10: Trong Flexbox, giá trị flex: 2 1 auto; có nghĩa là gì?

A) Phần tử sẽ co dãn gấp đôi so với phần tử khác và không thu nhỏ.

B) Phần tử có hệ số co giãn là 2, có thể thu nhỏ, và kích thước ban đầu là tự động.

C) Phần tử không co dãn, không thu nhỏ, và kích thước cố định.

D) Phần tử có hệ số co giãn 2 và kích thước cố định là auto.

None

Time's up

Đăng bởi thangtbay | Tháng mười một 23, 2024 | |

• Bài viết cùng chủ đề

• Quy định mới về hình ảnh và video AI bắt buộc gắn nhãn, không thực hiện có vi phạm pháp luật?

• Headless Website – Nền Tảng Công Nghệ Giúp Doanh Nghiệp Khác Biệt Và Làm Chủ Dữ Liệu

• AEO là gì? Liệu bạn đã hiểu rõ sự khác nhau giữa GEO và AEO?

• Cá nhân có đăng ký được tên miền .vn không? Phân biệt rõ cá nhân và tổ chức khi đăng ký domain Việt Nam

• Thông báo thay đổi điều kiện đăng ký và duy trì tên miền .edu.vn từ ngày 10/02/2026