wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quizz HTML5 - CSS3 Final.I

Total questions: 59

Worksheet time: 31mins

Name
Class
Date
1.

Kiểu dữ liệu input .......chỉ cho phép nhập số vào input.

a)

Number

b)

Text and Number

c)

Tất cả đều sai.

d)

Text

2.

Video HTML nào sau đây không được hỗ trợ trong IE?

a)

MP4

b)

Ogg

c)

MP4 FLAC

d)

WebM

3.

Thẻ nào sau đây không phải thẻ HTML5

a)

< track >

b)

< video >

c)

< slider >

d)

< source >

4.

Thẻ nào sau đây không phải là thẻ trong html5

a)

< p > , < a href=" " >

b)

< a href=" " >

c)

< section >

d)

< nav >

5.

Thuộc tính nào của thẻ input xác định giá trị nhỏ nhất là.... và giá trị lớn nhất là....

a)

max,min

b)

Tất cả đều sai

c)

min,max

d)

Tất cả đều đúng

6.

Thuộc tính Input nào sau đây được giới thiệu bởi HTML5?

a)

date

b)

text

c)

submit buttons

d)

checkbox

7.

Thuộc tính nào sau đây thể hiện các controls như play, stop và volume trong phần tử <audio>

a)

source

b)

audio

c)

src

d)

controls

8.

Các thuộc tính..... và ..... của thẻ input cho phép nhập nhiều địa chỉ email cùng 1 lúc?

a)

type , multiple

b)

Tất cả đều sai

c)

Tất cả đều đúng

d)

multiple , color

9.

Đâu không phải là thuộc tính của thẻ video

a)

border

b)

controls

c)

loop

d)

animation , border

10.

. Thuộc tính ...... của thẻ video định nghĩa chiều rộng và thuộc tính ..... hiển thị bảng điều khiển?

a)

width,controls

b)

max , min

c)

width , height

d)

Tất cả đều đúng

11.

Làm cách nào để comment trong HTML5?

a)

< / ……. >

b)

< !…… >

c)

< / ……/ >

d)

< …….! >

12.

Thẻ nào là một phần tử khối ( block element )?

a)

< p > ,<br>

b)

< i >

c)

< blockquote > ,< p >

d)

< br >

13.

Thẻ ..... là thẻ để bao bọc nội dung độc lập, nó có thể là một bài viết của trang, một bài báo, một bình luận ....

a)

article

b)

nav

c)

section

d)

header

14.

Thẻ nào nhóm những nội dung liên quan với nhau.

a)

< section >

b)

< div >

c)

< footer >

d)

< aside >

15.

Định nghĩa nào của Canvas được cho là đúng?

a)

Không hỗ trợ xử lý sự kiện , có thể trình sửa qua CSS

b)

Có thể trình sửa qua CSS

c)

Trở thành một một phần của DOM

d)

Dựa trên vector

16.

Phiên bản trình duyệt IE nào hỗ trợ canvas?

a)

9

b)

7

c)

4

d)

5

17.

Phương thức ...... của canvas dùng để vẽ một hình chữ nhật (không đổ màu).

a)

toDataURL

b)

strokerect

c)

getImageData

d)

fill

18.

Để sử dụng canvas, ta cần phải sử dụng phương thức ____ để truy cập toàn bộ đến hàm và thuộc tính của canvas.

a)

toDataURL

b)

restore

c)

getContext

d)

getImageData

19.

Thuộc tính .... xác định tọa độ x của tâm hình ellipse

-Thuộc tính .... xác định tọa độ y của tâm hình ellipse

a)

cx,cy

b)

cx,ry

c)

rx,ry

d)

ry,cy

20.

Lựa chọn nào sau đây không phải là thuộc tính của một đối tượng canvas?

a)

fillStyle

b)

lineWidth

c)

strokeStyle

d)

lineSize

21.

. Có thể chỉnh sửa SVG qua .... , và ....

a)

css,html,javascript

b)

javascript,ccs

c)

html,javascript

d)

html,css

22.

Để vẽ đường thẳng trên một đối tượng canvas, ta cần dùng phương thức nào?

a)

styleRect,moveTo

b)

lineTo,moveTo

c)

moveTo

d)

fillRect

23.

Phương thức nào của Canvas xoá tất cả các pixel trong một vùng chữ nhật xác định?

a)

removeRect(x,y,w,h)

b)

clearRect(x, y, w, h)

c)

strokeRect(x, y, w, h)

d)

fillRect(x, y, w, h)

24.

Cho biết đoạn code sau cho chúng ta khối màu gì?


< script >

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.fillStyle = "#FF0000";

ctx.fillRect(20, 20, 150, 100);

< / script >

a)

pink

b)

black

c)

grenn

d)

red

25.

Lựa chọn nào dưới đây không phải là một thuộc tính sử dụng với SVG ellipse

a)

cy

b)

cx

c)

rr

d)

ry

26.

Phương thức nào tạo nét vẽ từ vị trí hiện tại kết nối với điểm bắt đầu nét vẽ.

a)

close()

b)

connect()

c)

closePath()

d)

connectlast(first)

27.

Trong SVG thuộc tính css .... dùng để định nghĩa chiều rộng của viền và thuộc tính css ..... dùng để định nghĩa màu cho đường viền

a)

stroke-width , stroke

b)

fillRect ,stroke-width

c)

lineTo , stroke-width

d)

styleRect , stroke

28.

Phương thức nào Canvas của xoá tất cả các pixel trong một vùng chữ nhật xác định?

a)

removeRect(x,y,w,h)

b)

clearRect(x, y, w, h)

c)

fillRect(x, y, w, h)

d)

strokeRect(x, y, w, h)

29.

. Thuộc tính ..... của canvas dùng để thiết lập màu sắc, dải màu hoặc mẫu họa tiết sử dụng cho đường viền

a)

strokeStyle

b)

fillRect

c)

stroke-width

d)

fillstyle

30.

Thuộc tính ...... của canvas dùng để thiết lập màu, dải màu hoặc họa tiết đổ lên hình.

a)

fillstyle

b)

fillRect

c)

styleRect

d)

stroke

31.

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

a)

background-origin

b)

background-size

c)

background-image

d)

background-clip

32.

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

a)

inherit

b)

inset

c)

initial

d)

spread

33.

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)

Tất cả đều đúng

c)

box-shadow

d)

Tất cả đều sai

34.

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

a)

box-shadow

b)

border-shadow

c)

text-shadow

d)

content-shadow

35.

Đ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 sai

d)

Tất cả đều đúng

36.

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)

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

c)

img-shadow

d)

text-shadow

37.

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

a)

Color stops

b)

Shape

c)

Position

d)

Time

38.

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)

content-box,border-box,padding-box

c)

padding-box,content-box,border-box

d)

Tất cả đều sai

39.

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)

content

c)

border

d)

padding

40.

. 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ái qua phải hoặc phải qua trá

c)

Trên xuống dưới

d)

Dưới lên trên

41.

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)

border , duong-vien

c)

Tất cả đều sai

d)

padding , duong-vien

42.

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

a)

box-shadow

b)

canvas-shadow

c)

shadow

d)

set-shadow

43.

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

a)

to corner

b)

to bottom

c)

to top

d)

to bottom right

44.

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-mode

d)

background-blend-color

45.

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)

Tất cả đều đúng

c)

Tất cả đều sai

d)

huong , cạnh

46.

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)

delay

c)

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

d)

transform-delay

47.

. 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-forward

d)

animation-position

48.

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)

animation-duration

d)

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

49.

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)

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

d)

cx,cy,skewx,skewy

50.

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)

scale()

d)

rotate()

51.

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-count

c)

animation-name

d)

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

52.

. 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)

animation-timing-function

d)

transform-timing-function

53.

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

a)

Milisecond

b)

minute

c)

hour

d)

Second

54.

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-state

d)

animation-pause-state

55.

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

a)

normal

b)

reverse

c)

ease-in

d)

alternate

56.

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)

transform-iteration-count

d)

animation-iteration-count

57.

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

b)

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

c)

name-animation

d)

animation-name

58.

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)

css3-timing-function

d)

transition-timing-function

59.

. 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 sai

d)

Tất cả đều đúng