Font size
WorksheetsQuiz 6 -> 8
Total questions: 45
Worksheet time: 24mins
Thuộc tính nào sau đây có tác dụng xác định tốc độ chuyển động của một animation sẽ như thế nào?
transform-timing-function
animation-timing-function
css3-timing-function
transition-timing-function
Điền giá trị còn thiếu vào ô trống:
animation-direction: ________ ;
Giá trị này thiết lập animation sẽ chạy ngược lại ở các lượt lẻ và chạy bình thường ở các lượt chẵn
alternate-reverse
animation-duration
ranstion-name
transtion-iteration-count
Thuộc tính nào sau đây bắt đầu chạy animation sau vài giây?
animation-delay:3s
delay:3s;
Tất cả đáp án trên đều sai
animation:3s;
Thuộc tính css nào sau đây được sử dụng để thiết lập khoảng thời gian thực thị 1 chuyển động animation?
Tất cả các đáp án trên đều đúng
transition-duration
control
animation-duration
Thuộc tính css nào sau đây được sử dụng để một quá trình chuyển đổi khi có một hành động trong animation?
transition-duration
Tất cả các đáp án trên
control
animation-duration
Thuộc tính CSS nào sau đây có tác dụng xác định tốc độ chuyển động của một animation ?
Không có đáp án nào đúng
animation-pace-function
animation-transition-function
animation-timing-function
thuộc tính @ trong animation có tác dụng thiết lập một chuyển động
keyframe
font-frame
keyframe
interation-count
Thuộc tính css nào sau đây được sử dụng để xác định các animation nên được chạy?
animation-name
ranstion-name
Không có đáp án nào đúng
animation-run
Thuộc tính css nào sau đây có tác dụng, thiết lập số lần thực hiện một animation?
scale-iteration-count
Tất cả các đáp án trên
animation-iteration-count
transtion-iteration-count
Lựa chọn nào thiết lập di chuyển hộp 300px từ trái qua phải?
from {left:0px;} to {left:300px;} correct
from {right:0px;} to {right:300px;}
Tất cả đáp án trên đều sai
from {top:0px;} to {top:300px;}
Thuộc tính css nào sau đây có tác dụng xác định xem chiều chạy của animation sẽ như thế nào.
animation-direction
animation-forward
animation-position
Không có đáp án nào đúng
Thuộc tính nào sau đây có tác dụng thiết lập số lần thực hiện một animation?
interation-count
transition-iteration-count
transform-iteration-count
animation-iteration-count
Giá trị thuộc tính transform nào sau đây định nghĩa 2D transition?
Tất cả các đáp án trên
translate2d(x,y)
translate(x,y)
translate3d(x,y)
Giá trị của animation-iteration-count có thể _____ hoặc _____
cac con so lon hon 0
value
1
infinite
Giá trị thuộc tính transform nào sau đây xác định phép biến đổi nghiêng 2D dọc theo trục X và trục Y?
skewY(angle)
Không có đáp án nào đúng
skew(x-angle,y-angle)
skewX(angle)
Giá trị nào không nằm trong thuộc tính justify-content của CSS grid layout?
center
space-center
start
end
Cho đoạn code
flex: 1 0 auto;
Giá trị thứ 2 tham chiếu đến thuộc tính nào (ở đây 0)?
flex-shrink
flex-basis
flex-grow
flex-flow
Giá trị nào dưới đây tồn tại trong CSS Grid Layout?
display: ingrid
display: auto
display: inline-grid
display: hagrid
Thuộc tính nào xử lý việc chia cột trong CSS Grid layout ?
grid-column-areas
grid-explicit-columns
grid-template-columns
grid-columns
Thuộc tính flex- ___ : row quy định các đối tượng sẽ được sắp xếp theo chiều ngang và hiển thị từ trái qua phải
direction
float
flexbox
Giá trị nào thiết lập khoảng cách giữa các hàng?
grid-row-gap
grid-rows-gap
grid-rows-space
grid-row-space
Trước khi có flexbox,thuộc tính display có những loại layout nào?
block, inline, table, position
block, inline, text, image
block,float, table, position
float, inline, position, fixed
Thuộc tính nào dưới đây của flex box cho phép các items tự động xuống hàng hoặc vẫn luôn nằm trên cùng một hàng khi kích thước container thay đổi.
flex-wrap
flex-direction
flex
flex-flow
Flex box có những thuộc tính nào?
flex-item
flex-direction
flex-container
flex-wrap
Thuộc tính flexbox nào đúng?
corn-flex
re-flex
flex-wrap
circon-flex
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
float
flex-item
Làm cách nào để thay đổi thứ tự hiển thị của các phần tử trong CSS Grid Layout?
grid-order
order
grid-nth
preums
Trước khi có flexbox, CSS có mấy chế độ để dàn trang?
Inline
Table
Tất cả đáp án trên
Block
Lựa chọn nào dưới đây mô tả giá trị mặc định của flex?
row wrap
normal
row nowrap
auto
Thuộc tính nào xác định việc chia cột trong grid layout
grid-column-template
grid-template-col
grid-col-template
grid-template-columns
Responsive Web Design có những tiêu chuẩn thiết kế nào?
Device First
Pc First
Desktop first
Mobile first
Để viết CSS tương ứng cho chiều rộng của trình duyệt, chúng ta sẽ sử dụng thẻ truy vấn @ ???? trong CSS3
media
font
meta
import
Đ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
Không có đáp án nào đúng
Không có gì
Nó giả định rằng bạn đang xem một thiết bị máy tính để bàn
Trình duyệt buộc tất cả các trang thành một định dạng nhỏ.
Thẻ nào được sử dụng để cho phép kiểm soát chế độ xem?
<acronym>
<em>
<meta>
<address>
Thẻ meta ____ nghĩa là một thẻ thiết lập cho trình duyệt hiển thị tương ứng với kích thước màn hình
viewport
import
media
font
Thiết bị nào có thể sử dụng thiết kế responsive web?
Tất cả các lựa chọn trên đều đúng
Laptop
Smartphone
Tablet
Thuộc tính nào sau đây thiết lập responsive cho ảnh?
tất cả đáp án trên
margin-right
max-width
float
Hệ thống lưới của Bootstrap dựa trên bao nhiêu cột?
6
9
12
3
Mobile first là tiêu chuẩn thiết kế ưu tiên cho màn hình ____ và desktop-first là tiêu chuẩn thiết kế ưu tiên cho màn hình ____
dien thoai
máy tính
máy tính bảng
thiết bị
Ngoài đơn vị đo chiều rộng website thường sử dung là _____ , thì chúng nên đơn vị là ____ . Hay nói đúng hơn là sử dụng đơn vị tương đối.
px
%
rem
em
Độ rộng pixel nào đã được sử dụng cho các media query màn hình nhỏ?
576px
1289px
1024px
768px
Những điểm breakpoint nào thường hay sử dụng trong responsive?
576px
1200px
768px
900px
Đoạn mã nào thiết lập trang web hiển thị chính xác trên thiết bị?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewports" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=2.0">
<meta name="viewport" content="width=device-width, initial-scale='parent-size'">
Công cụ kiểm tra responsive đi kèm với trình duyệt nào?
Firefox
Chrome
Internet Explorer
Tất cả các đáp án trên. correct
Class nào được sử dụng để cố định chiều rộng của container trong Bootstrap?
container
container-fixed
Tất cả đáp án trên đều sai
container-fluid
