[TSU]MD1_S9: CSS Layout

Thuộc tính justify-content kiểm soát điều gì?

• A. Căn chỉnh trục dọc

• B. Khoảng cách giữa container và các phần tử con

• C. Căn chỉnh phần tử theo trục chính

• D. Căn chỉnh nội dung trong phần tử

Câu lệnh sau dùng để làm gì?
flex-direction: column;

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

• B. Sắp xếp phần tử theo cột dọc

• C. Căn giữa phần tử

• D. Làm cho phần tử ẩn đi

Để biến phần tử cha thành Flex container, dùng thuộc tính gì?

• A. display: inline-flex

• B. flex: container

• C. flex-box: true

• D. display: flex

Thuộc tính flex-wrap: wrap giúp gì?

• A. Căn giữa phần tử

• B. Tự động xuống hàng khi tràn

• C. Căn đều các phần tử

• D. Cố định kích thước phần tử

Câu lệnh sau dùng để làm gì?
align-items: center;

• A. Căn giữa theo trục chính

• B. Căn giữa theo trục phụ

• Căn văn bản vào giữa

• D. Căn phần tử về góc trên

Giá trị mặc định của flex-direction là gì?

• A. column

• B. row

• C. reverse

• D. auto

Để đảo ngược thứ tự các phần tử theo hàng ngang(sau khi flex), dùng gì?

• A. flex-direction: column-reverse

• B. order: reverse

• C. flex-direction: row-reverse

• D. direction: rtl

Flex container chỉ ảnh hưởng đến...?

• A. Phần tử cha

• B. Phần tử con trực tiếp

• C. Tất cả phần tử bên trong

• D. Các phần tử ngoài container

Thuộc tính nào thường dùng để tạo layout responsive?

• A. float

• B. position

• C. media queries

• D. z-index

Cú pháp đúng để viết media query cho màn hình nhỏ hơn 600px?

• A. @screen < 600px

• B. screen: max(600px)

• C. if screen < 600px

• D. @media screen and (max-width: 600px)