WorksheetsQuiz HTML5 & CSS3 part.IV
Total questions: 28
Worksheet time: 14mins
CSS grid layout là gì?
Hệ thống bố cục dạng hàng
Hệ thống bố cục lưới
Tất cả các đáp án trên đều sai
Hệ thống bố cục dạng bảng
Thuộc tính .... xác định hàng dọc của grid và thuộc tính ..... xác định hàng ngang của grid với các giá trị phân cách bởi dấu cách.
grid-template-columns,grid-template-rows
grid-columns,grid-rows
grid-grap-columns,grid-template-rows
grid-template-columns,grid-grap
Thuộc tính nào dưới đây của flex box làm thay đổi trục hiển thị mặc định của item?
flex-location
flex-direction
flex-wrap
flex
Giá trị nào dưới đây tồn tại trong CSS Grid Layout?
display: inline-grid
display: hagrid
display: auto
display: ingrid
Phiên bản nào của Internet Explorer được Flexbox hỗ trợ?
IE9
IE7
Tất cả đáp án trên
IE8
CSS Grid Layout là một đặc điểm kỹ thuật của ngôn ngữ nào?
CSS
PHP
HTML
Javascript
Thuộc tính nào xử lý việc chia cột trong CSS Grid layout ?
grid-columns
grid-explicit-columns
grid-column-areas
grid-template-columns
Một layout dạng grid ( lưới ) phải có một element cha với display được set là ... hoặc ....
grid,inline-grid
grid-grap,inline-grid
grid,inline
grid-column-areas.inline
Thuộc tính justify-items trong flexbox có tác dụng gì?
Không có đáp án nào đúng
Căn chỉnh item theo trục ngang( Từ phải sang trái )
Căn chỉnh item theo trục ngang ( Từ trái sang phải )
Căn chỉnh item theo trục dọc
Trong CSS grid layout thuộc tính justify-content sẽ căn chỉnh grid theo chiều ..... của grid container
ngang
dọc
Tất cả đều sai
Tất cả đều đúng
Thuộc tính display: grid dành cho element nào?
Tất cả đáp án trên đều sai
item
container
child
Làm cách nào để thay đổi thứ tự hiển thị của các phần tử trong CSS Grid Layout?
preums
grid-nth
grid-order
order
Thuộc tính nào dưới đây tồn tại trong CSS Grid layout?
grid-auto-preminger
grid-auto-reverse
grid-auto-rows
grid-zli
Hai thành phần quan trọng nhất trong một bố cục Flexbox là gì?
Container, Child
Container, Children
Container, Item
Child, Container
Giá trị nào không nằm trong thuộc tính justify-content của CSS grid layout?
space-center correct
center
start
end
Công cụ kiểm tra responsive đi kèm với trình duyệt nào?
Internet Explorer
Firefox
Tất cả các đáp án trên.
Chrome
Bootstrap được giới thiệu lần đầu tiên bởi _____?
Snapchat
Class nào được sử dụng để thiết lập chiều rộng của container rộng toàn màn hình?
container
container-full
container-fluid
Tất cả đáp án trên đều sai
Khái niệm __________ giải thích rằng kích thước phần tử trang phải dựa trên tỷ lệ phần trăm thay vì pixel
Media Queries
Không có đáp án nào đúng
Fluid Grid
Web Fonts
Sử dụng display: ..... cho các thành phần cần ẩn đi ở từng thiết bị mà bạn muốn ẩn. Và display: ....... ở các thiết bị cần hiển thị ra.
block , grid
flex , none
flex , inline
none , block
Ai là người đặt ra thuật ngữ "Responsive Web Design"?
Không có đáp án đúng
Ethan Marcotte
David Cooper
Ethan Davis
Thẻ nào được sử dụng để cho phép kiểm soát chế độ xem?
< em >
< meta >
< acronym >
< address >
____________ là một cách tiếp cận để xây dựng bố cục trang web linh hoạt phù hợp với khách truy cập sử dụng các thiết bị có kích thước màn hình khác nhau.
Cả 2
Static Web Design
Không có đáp án nào đúng
Responsive Web Design
Class nào được sử dụng để cố định chiều rộng của container trong Bootstrap?
container
container-fluid
Tất cả đáp án trên đều sai
container-fixed
Thuộc tính nào sau đây thiết lập responsive cho ảnh?
max-width
margin-right
tất cả đáp án trên
float
Lựa chọn nào sau đây để tạo phân trang trong Bootstrap?
.pagination
.pagination-lg
.pagination-sm
.pager
Những vị trí thường làm responsive là những vị trí nào?
Bảng
Thanh điều hướng
Ảnh
Cột
Điều gì sẽ xảy ra trên khi truy cập website bằng thiết bị di động mà không sử dụng meta viewport
Cả 2 đáp án 1 và 3 đều đúng
Trình duyệt buộc tất cả các trang thành một định dạng nhỏ.
Nó giả định rằng bạn đang xem một thiết bị máy tính để bàn
Không có gì
