Reponsive

Trong CSS, đâu là cách tốt nhất để tạo ra một trang web responsive?

• Sử dụng bố cục bằng bảng (table layout)

• Sử dụng đơn vị đo tĩnh như pixels (px)

• Sử dụng media queries

• Không sử dụng CSS

Media query là gì?

• Một cách để truy cập phương tiện truyền thông

• Một cách để tạo biến trong CSS

• Một cách để xác định các điều kiện môi trường trình duyệt

• Một cách để thực hiện các phép tính trong CSS

Đâu là một cách thức phổ biến để điều chỉnh giao diện trong media query?

• Sử dụng JavaScript

• Sử dụng @media rule trong CSS

• Sử dụng HTML5

• Sử dụng PHP

Đâu là một phương pháp tốt để kiểm tra tính responsive của trang web?

• Kiểm tra trên nhiều trình duyệt

• Sử dụng công cụ kiểm tra trực tuyến như Responsinator

• Sử dụng thiết bị di động thực tế

• Tất cả các phương pháp trên

Đâu là một phương pháp tốt để xác định điều kiện cho các media query?

• Sử dụng cả độ rộng và chiều cao màn hình

• Sử dụng chỉ độ rộng màn hình

• Sử dụng chỉ chiều cao màn hình

• Sử dụng độ phân giải màn hình

Đâu là một cách để tạo một ẩn phần tử trên thiết bị di động?

• Sử dụng thuộc tính display:none;

• Sử dụng thuộc tính visibility:hidden;

• Sử dụng thuộc tính opacity:0;

• Không có cách nào để ẩn phần tử trên thiết bị di động.

CSS Grid và Flexbox là gì?

• Hai cách khác nhau để xây dựng trang web responsive

• Hai thuộc tính CSS dùng để tạo hiệu ứng 3D

• Hai loại máy in 3D

• Hai ngôn ngữ lập trình web phổ biến
  

Đâu là một lợi ích của việc sử dụng Flexbox trong CSS?

• Dễ dàng sắp xếp các phần tử theo hướng dọc và ngang

• Không cần phải viết CSS

• Không tương thích với các trình duyệt cũ

• Chỉ hoạt động trên điện thoại di động

Khi sử dụng CSS Grid, làm thế nào để xác định số lượng cột trong một hàng?

• Sử dụng thuộc tính grid-rows

• Sử dụng thuộc tính grid-columns

• Sử dụng thuộc tính grid-template-columns

• Không thể xác định số lượng cột trong một hàng khi sử dụng CSS Grid.

Reponsive thường là trên bao nhiêu thiết bị ?

• 5

• 2

• 3

• 4