Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quiz HTML5 & CSS3 part.III

Total questions: 29

Worksheet time: 16mins

Name
Class
Date
1.

Thuộc tính nào của background chỉ định vị trí của hình nền?

a)

background-origin

b)

background-clip

c)

background-size

d)

background-image

2.

Giá trị nào của box-shadow hiển thị bóng bên trong box?

a)

inherit

b)

inset

c)

spread

d)

initial

3.

Thuộc tính CSS3 ...... bổ sung hiệu ứng shadow vào một đoạn text giúp nó hiển thị giống chữ 3D chuyên nghiệp.

a)

text-shadow

b)

box-shadow

c)

Tất cả đều đúng

d)

Tất cả đều sai

4.

Thuộc tính shadow được chia thành loại nào?

a)

box-shadow

b)

content-shadow

c)

border-shadow

d)

text-shadow

5.

Điền vào chỗ trống giá trị của box-shadow


......: vị trí bóng ngang so với chữ, số âm sẽ đẩy lên trên và số dương sẽ đẩy xuống dưới

.......: vị trí bóng dọc so với chứ, số âm sẽ đẩy lui phía sau và số dương sẽ đẩy tới phía trước

....... : độ nhòe của chữ bóng, tính bằng pixel

a)

h-shadow,v-shadow,blur-radius

b)

v-shadow,blur-radius,h-shadow,

c)

Tất cả đều đúng

d)

Tất cả đều sai

6.

Thuộc tính nào sau đây định nghĩa hiệu ứng đổ bóng cho văn bản?

a)

box-shadow

b)

img-shadow

c)

Không có đáp án nào đúng

d)

text-shadow

7.

Đối số nào sau đây không được hàm radial-gradient () chấp nhận?

a)

Color stops

b)

Shape

c)

Time

d)

Position

8.

Thuộc tính background-clip có thể nhận các giá trị :

....... mặc định, nền vẽ ngoài biên viền.

....... nền vẽ cả ở vùng padding (không viền)

........ nền chỉ vẽ ở vùng nội dung phần tử

a)

border-box,padding-box,content-box

b)

padding-box,content-box,border-box

c)

content-box,border-box,padding-box

d)

Tất cả đều sai

9.

Trong thuộc tính box-shadow giá trị ...... sử dụng để thiết lập kích thước của bóng tối

a)

spread

b)

border

c)

content

d)

padding

10.

Radial Gradient tạo hiệu ứng chuyển màu xuất phát từ điểm nào của phần tử?

a)

Tâm

b)

Trên xuống dưới

c)

Trái qua phải hoặc phải qua trá

d)

Dưới lên trên

11.

Thuộc tính ..... nó có tác dụng đối với ....... chứ không phải tác dụng với đoạn text

a)

box-shadow , duong-vien

b)

padding , duong-vien

c)

border , duong-vien

d)

Tất cả đều sai

12.

Thuộc tính nào sau đây thiết lập đổ bóng cho phần tử box?

a)

box-shadow

b)

shadow

c)

canvas-shadow

d)

set-shadow

13.

Thuộc tính Linear Gradient có một số dạng hướng nào?

a)

to corner

b)

to top

c)

to bottom

d)

to bottom right

14.

Thuộc tính nào của background có tác dụng thiết lập chế độ hòa trộn của từng lớp layer.

a)

background-blend-fill

b)

background-blend-layout

c)

background-blend-color

d)

background-blend-mode

15.

Bạn có thể xác định thêm các .... hoặc ..... bắt đầu hiệu ứng chuyển màu.

a)

huong , goc

b)

huong , cạnh

c)

Tất cả đều đúng

d)

Tất cả đều sai

16.

Thuộc tính css nào sau đây được sử dụng để xác định độ trễ trước khi animation bắt đầu?

a)

transition-delay

b)

transform-delay

c)

delay

d)

Không có đáp án nào đúng

17.

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.

a)

animation-direction

b)

Không có đáp án nào đúng

c)

animation-position

d)

animation-forward

18.

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?

a)

control

b)

transition-duration

c)

Tất cả các đáp án trên

d)

animation-duration

19.

Có thể kéo một đối tượng nghiêng dựa theo ..... và ..... với hàm ..... và ..... , giá trị bên trong là số [n] deg tương tự rotate().

a)

x,y,skewx,skewy

b)

rx,ry,skewx,skewy

c)

cx,cy,skewx,skewy

d)

Không có đáp án nào đúng

20.

Hàm nào của thuộc tính transform thiết lập co giãn kích thước của một phần tử?

a)

zoom()

b)

transform()

c)

rotate()

d)

scale()

21.

Thuộc tính .... thiết lập số lần thực hiện một animation.

a)

animation-iteration-count

b)

animation-name

c)

animation-name-count

d)

Không có đáp án nào đúng

22.

Thuộc tính css nào sau đây được sử dụng để xác định hiệu ứng chuyển đổi trong animation?

a)

ss3-timing-function

b)

transition-timing-function

c)

transform-timing-function

d)

animation-timing-function

23.

thời gian của thuộc tính animation-duration có thể tính bằng gì?

a)

Milisecond

b)

minute

c)

Second

d)

hour

24.

Thuộc tính CSS nào sau đây xác định trạng thái aniamtion đang chạy hay tạm dừng?

a)

Tất cả các đáp án trên

b)

animation-play-state

c)

animation-pause-state

d)

animation-state

25.

Thuộc tính aniamtion-direction có những giá trị gì?

a)

normal

b)

ease-in

c)

reverse

d)

alternate

26.

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?

a)

interation-count

b)

transition-iteration-count

c)

animation-iteration-count

d)

transform-iteration-count

27.

Thuộc tính CSS nào sau đây có tác dụng xác định thành phần sẽ thực thi animation nào.

a)

animation-name

b)

name-animation

c)

Tất cả đáp án trên đều sai

d)

animation

28.

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?

a)

transform-timing-function

b)

animation-timing-function

c)

transition-timing-function

d)

css3-timing-function

29.

Giá trị của animation-iteration-count có thể ..... hoặc .....

a)

cac-con-so-lon-hon-0 , infinite

b)

cac-con-so-nho-hon-0 , infinite

c)

Tất cả đều đúng

d)

Tất cả đều sai