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 27, 2024 | |

Thiết kế website 366

Kiểm Tra Thi Trắc Nghiệm Online CSS Layout

400 490 500

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

• Kiểm Tra Thi Trắc Nghiệm Online về ALT thẻ IMG trong SEO hình ảnh Google

• Kiểm Tra Thi Trắc Nghiệm Online về LIÊN KẾT VÀ ĐIỀU HƯỚNG TRONG HTML

• Kiểm Tra Thi Trắc Nghiệm Online về Bảo mật và pháp lý liên quan đến tên miền

• Kiểm Tra Thi Trắc Nghiệm Online về DNS và hệ thống phân giải tên miền