Web_FE_BASIC_SS16

Thẻ nào trong CSS đượ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

Phương pháp thiết kế mobile 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 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