wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

ôn thi

Total questions: 59

Worksheet time: 37mins

Name
Class
Date
1.

Lựa chọn nào dưới đây mô tả giá trị mặc định của flex?

a)

normal

b)

auto

c)

row wrap

d)

row nowrap

2.

Thuộc tính nào thiết lập kích cỡ của background?

a)

background-origin

b)

background-clip

c)

background-repeat

d)

background-size

3.

Thiết bị nào có thể sử dụng thiết kế responsive web?

a)

Smartphone

b)

Tablet

c)

Laptop

d)

Tất cả các lựa chọn trên đều đúng

4.

Đoạn mã nào thiết lập trang web hiển thị chính xác trên thiết bị?

a)

<meta name="viewports" content="width=device-width, initial-scale=1.0">

b)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

c)

<meta name="viewport" content="width=device-width, initial-scale='parent-size'">

d)

<meta name="viewport" content="width=device-width, initial-scale=2.0">

5.

Ngoài việc hiển thị vị trí người dùng trên bản đồ, bạn có thể sử dụng Geolocation để làm gì?

a)

Chỉ đường cho người dùng (GPS)

b)

Lưu trữ dữ liệu

c)

Cập nhật, lưu trữ thông tin về vị trí người dùng

d)

Hiển thị các địa điểm được yêu thích gần người dùng

6.

Thuộc tính (a)   : space-around là thuộc tính tạo không gian thừa theo chiều ngang chia đều cho khoảng cách các phần tử

7.

Lựa chọn nào dưới đây thiết lập cách viết tắt tất cả các thuộc tính của background?

a)

wrap

b)

wrap

c)

background

d)

color

8.

Thuộc tính css nào sau đây được sử dụng để xác định các animation nên được chạy?

a)

animation-name

b)

ranstion-name

c)

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

d)

animation-run

9.

Thuộc tính .............. chỉ định màu nền của một phần tử và Thuộc tính ............. quy định một phân tử được hiển thị.

(a)  

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

b)

controls

c)

control

d)

source

11.

Định dạng font chữ nào sau đây được hỗ trợ bởi tất cả các trình duyệt mới nhất?

a)

WOFF2

b)

EOT

c)

SVG

d)

WOFF

12.

Thuộc tính nào có tác dụng xác định tên cho một animation.

a)

animation-iteration-count

b)

animation-delay

c)

animation-name

d)

animation-duration

13.

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)

strokeStyle

b)

lineWidth

c)

fillStyle

d)

lineSize

14.

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

a)

<!……>

b)

<…….!>

c)

</……/>

d)

</…….>

15.

Phương thức nào trong SVG dùng để vẽ hình đa giác?

a)

<circle>

b)

<rect>

c)

<poly>

d)

<ellipse>

16.

Điền vào phần còn thiếu cú pháp sử dụng thuộc tính radial-gradient background-image: radial-gradient(.......... .......... ......... at , start-color... last-color);

a)

size

b)

postion

c)

shape

d)

padding

e)

margin

17.

Thuộc tính nào xác định việc chia cột trong grid layout

a)

grid-template-col

b)

grid-col-template

c)

grid-column-template

d)

grid-template-columns

18.

Trong CSS grid layout thuộc tính justify-content sẽ căn chỉnh grid theo chiều (a)   của grid container

19.

Giá trị thuộc tính transform nào sau đây định nghĩa 2D transition?

a)

translate3d(x,y)

b)

translate2d(x,y)

c)

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

d)

translate(x,y)

20.

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)

animation-state

b)

animation-pause-state

c)

animation-play-state

d)

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

21.

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

a)

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

b)

Không hỗ trợ xử lý sự kiện

c)

Dựa trên vector

d)

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

22.

Cú pháp sử dụng biến trong CSS3

(a)   {

--color: #333;

}

23.

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

a)

set-shadow

b)

shadow

c)

box-shadow

d)

canvas-shadow

24.

Nên sử dụng (a)   thay vì width để tránh cố định chiều rộng.

25.

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

a)

to bottom right

b)

to bottom

c)

to corner

d)

to top

26.

Trong phương thức setItem của localStorage, các tham số keyName và keyValue có kiểu dữ liệu là gì

a)

number

b)

string

c)

array

d)

object

27.

Thuộc tính background-blend-mode hỗ trợ những giá trị nào?

a)

darken

b)

color-dodge

c)

saturation

d)

light

28.

Thẻ nào hỗ trợ ngôn ngữ không phải tiếng Anh?

a)

<bdo>

b)

<embed>

c)

<input>

d)

<audio>

29.

Để 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)

getImageData

b)

restore

c)

toDataURL

d)

getContext

30.

Thuộc tính nào được kích hoạt khi thả một đối tượng vào khu vực hợp lệ.

a)

dragenter

b)

drag

c)

dragstart

d)

drop

31.

CSS framework nào dưới đây hỗ trợ tạo website có responsive?

a)

rails

b)

larawell

c)

bootstrap

d)

django

32.

Local storage lưu dữ liệu của người dùng ở đâu?

a)

Cookie

b)

Tất cả các phương án trên đều đúng.

c)

Trên trình duyệt web

d)

Session

33.

Định nghĩa nào của SVG không đúng?

a)

SVG là viết tắt của Scalable Vector Graphics

b)

Không thể thêm trực tiếp SVG vào HTML

c)

SVG là một ngôn ngữ dạng XML

d)

SVG trở thành chuẩn W3C

34.

HTML web storage cung cấp 2 đối tượng lưu trữ dữ liệu trên máy người dùng đó là ................và..................

a)

window.localstorage

b)

window.sessionstorage

c)

window.cookiestorage

35.

Sau khi hàm getCurrentPosition() trả về kết quả, ta có thể lấy giá trị vĩ độ thông qua thuộc tính nào?

a)

accuracy

b)

longitude

c)

latitude

d)

heading

36.

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)  

37.

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

a)

Shape

b)

Time

c)

Position

d)

Color stops

38.

Làm thế nào để thuộc tính màu hoạt động?

a)

Thay đổi màu cho text

b)

Thay đổi màu sắc văn bản cũng như nền

c)

Color picker

d)

Thay đổi màu nền

39.

Flex box có những thuộc tính nào?

a)

flex-direction

b)

flex-container

c)

flex-item

d)

flex-wrap

40.

Thuộc tính nào có tác dụng tạo góc bo tròn trong CSS3

a)

alpha-effect: round-corner;

b)

border[round]: 30px;

c)

border-radius: 30px;

d)

corner-effect: round;

41.

Một layout dạng grid ( lưới ) phải có một element cha với display được set là ........................hoặc.....................

(a)  

42.

Theo bài giảng online, thẻ nào sau đây được sử dụng để chứa thông tin về tác giả?

a)

<footer>

b)

<header>

c)

<head>

d)

<body>

43.

Thuộc tính nào sau đây được sử dụng để tạo dòng SVG?

a)

stick

b)

line

c)

ray

d)

dot

44.

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

a)

background-clip

b)

background-size

c)

background-origin

d)

background-image

45.

Thuộc tính nào sau đây thiết lập chữ đậm

a)

font-weight: bold

b)

font-bold: weight

c)

font-style: bold

d)

font-weight: strong;

46.

Framework CSS Bootstrap không sử dụng ____?

a)

HTML

b)

PHP

c)

jQuery

d)

CSS

47.

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

a)

text

b)

date

c)

submit buttons

d)

checkbox

48.

Thẻ nào sử dụng để tạo một đường line trong SVG?

a)

<stick>

b)

<ray>

c)

<line>

d)

<dot>

49.

CSS framework Boostrap 4 là gì?

a)

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

b)

Phiên bản thứ 4 của Bootstrap

c)

Là phiên bản mới nhất của Bootstrap

d)

Là phiên bản cũ của bootstrap

50.

Các thành phần chính trong Flex box và layout grid

a)

item

b)

border-box

c)

content-box

d)

container

51.

Điền vào phần còn thiếu cú pháp xóa một item trong localStorage. localStorage (a)   ("key");

52.

Những điểm breakpoint nào thường hay sử dụng trong responsive?

a)

576px

b)

768px

c)

900px

d)

1200px

53.

Thuộc tính nào sau đây bắt đầu chạy animation sau vài giây?

a)

delay:3s;

b)

animation:3s;

c)

animation-delay:3s

d)

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

54.

Thẻ nào được sử dụng để cho phép kiểm soát chế độ xem?

a)

<acronym>

b)

<em>

c)

<address>

d)

<meta>

55.

Thuộc tính nào hiển thị hình ảnh mặc định cho phần tử<video>?

a)

<video poster="apercu.jpg">

b)

<video><param name="thumbnail" value="apercu.jpg" /></video>

c)

<video preview="apercu.jpg">

d)

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

56.

Lựa chọn nào thiết lập di chuyển hộp 300px từ trái qua phải?

a)

from {right:0px;} to {right:300px;}

b)

from {top:0px;} to {top:300px;}

c)

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

d)

from {left:0px;} to {left:300px;}

57.

Trước khi có flexbox,thuộc tính display có những loại layout nào?

a)

block,float, table, position

b)

float, inline, position, fixed

c)

block, inline, text, image

d)

block, inline, table, position

58.

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)

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

c)

animation-duration

d)

transition-duration

59.

Thuộc tính (a)   có tác dụng xác định trạng thái của một animation, khi mà animation không được chạy