Web_FE_BASIC_SS13

Thẻ nào trong HTML được sử dụng để thiết lập viewport cho trang web?

• A. media

• B. viewport

• C. meta

• D. screen

Thuộc tính nào sau đây trong CSS được sử dụng để ẩn phần tử trên màn hình nhỏ?

• A. display: hidden;

• B. visibility: hidden;

• C. display: none;

• D. visibility: none;

Phương pháp thiết kế desktop first bắt đầu thiết kế cho thiết bị nào trước tiên?

• A. Máy tính để bàn

• B. Máy tính bảng

• C. Điện thoại di động

• D. Đồng hồ thông minh

Trong phương pháp desktop first, bạn sử dụng loại truy vấn media nào để điều chỉnh cho các thiết bị nhỏ hơn?

• A. @media only screen and (min-width: ...)

• B. @media only screen and (max-width: ...)

• C. @media only screen and (width: ...)

• D. @media only screen and (device-width: ...)

Thuộc tính nào sau đây thường được sử dụng để xác định điểm phá vỡ (breakpoint) cho các thiết bị khác nhau?

• A. color

• B. width

• C. height

• D. font-size

Cú pháp nào sau đây là một ví dụ của truy vấn media trong phương pháp desktop first?

• A. @media only screen and (max-width: 768px) { ... }

• B. @media only screen and (min-width: 1200px) { ... }

• C. @media only screen and (device-width: 768px) { ... }

• D. @media only screen and (min-width: 768px) { ... }

Lợi ích chính của phương pháp desktop first là gì?

• A. Thiết kế được tối ưu hóa cho màn hình lớn trước

• B. Thiết kế được tối ưu hóa cho màn hình nhỏ trước

• C. Dễ dàng hơn trong việc phát triển trang web cho thiết bị di động

• D. Tăng tốc độ tải trang

Trong phương pháp mobile first, bạn sử dụng loại truy vấn media nào để điều chỉnh cho các thiết bị lớn hơn?

• A. @media only screen and (min-width: ...)

• B. @media only screen and (max-width: ...)

• C. @media only screen and (width: ...)

• D. @media only screen and (device-width: ...)

Lợi ích chính của phương pháp mobile first là gì?

• A. Thiết kế được tối ưu hóa cho màn hình lớn trước

• B. Thiết kế được tối ưu hóa cho màn hình nhỏ trước

• C. Dễ dàng hơn trong việc phát triển trang web cho máy tính để bàn

• D. Tăng tốc độ tải trang

Cú pháp nào sau đây là đúng khi viết truy vấn media cho thiết bị có chiều rộng tối thiểu là 600px trong phương pháp mobile first?

• A. @media only screen and (max-width: 600px) { ... }

• B. @media only screen and (min-width: 600px) { ... }

• C. @media only screen and (device-width: 600px) { ... }

• D. @media only screen and (width: 600px) { ... }