wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quiz HTML & CSS3 part.II

Total questions: 28

Worksheet time: 15mins

Name
Class
Date
1.

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 , window.sessionstorage

b)

Đáp án trên sai

2.

Muốn thực hiện được drag drop. Chúng ta cần quan tâm đến mấy bước?

a)

1

b)

2

c)

3

d)

4

3.

Session storage có thể lưu trữ dữ liệu:

a)

Không đáp án nào đúng.

b)

Trong 1 thời gian ngắn.

c)

Trong 1 phiên làm việc, dữ liệu sẽ bị xoá khi đóng cửa sổ trình duyệt.

d)

Không giới hạn thời gian.

4.

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)

object

b)

string

c)

number

d)

array

5.

Mệnh đề nào sau đây đúng?

a)

Tất cả các đáp án trên đều đúng.

b)

Local Storage chỉ có thể lưu trữ dữ liệu trong 1 thời gian ngắn hạn.

c)

Local Storage có thể lưu được dữ liệu không giới hạn thời gian và dữ liệu trong thời gian ngắn hạn, chỉ trong 1 phiên làm việc.

d)

Local Storage chỉ lưu trữ dữ liệu trong 1 phiên làm việc, dữ liệu sẽ bị xoá khi đóng cửa sổ trình duyệt.

6.

Tham số thứ 2 của hàm getCurrentPosition() dùng để xử lý trong quá trình định vị

a)

dragenter

b)

dragstart

c)

drop

d)

drag

7.

Điền vào phần còn thiếu cú pháp thêm mới một dữ liệu vào localStorage

localStorage.setItem(".....", ".......");

a)

key,value

b)

Đáp án trên sai

8.

Trong các mệnh đề sau về Drag và Drop API của HTML5, mệnh đề nào đúng?

a)

Drag và Drop chưa được các trình duyệt hỗ trợ mạnh.

b)

Có thể quyết định 1 data được phép Drag và Drop thông qua thuộc tính draggable

c)

Drag và Drop là API được tích hợp sẵn trong HTML

d)

Mặc định, data không được phép thả trong 1 thành phần khác của trang.

9.

Thuộc tính nào sau đây hỗ trợ sự kiện drop trong HTML5?

a)

draggable

b)

dataTransfer.getData()

c)

ondrop

d)

Cả 3 phương án trên.

10.

HTML5 API Geolocation sử dụng để?

a)

Tăng tốc độ tải web

b)

Phát video và âm thanh

c)

Lưu trữ dữ liệu

d)

Xác định vị trí địa lý người dùng correct

11.

Phương thức nào sử dụng để lấy được vị trí user?

a)

post()

b)

getCurrentPosition()

c)

getDirection

d)

getDirectPosition()

12.

Local Storage cho phép bạn lưu trữ .....

tương đối lớn lên đến .....

a)

du-lieu,5mb

b)

Đáp án trên sai

13.

Điền vào phần còn thiếu cú pháp thêm mới một dữ liệu vào localStorage

localStorage...............("key", "value");

a)

setitem

b)

Đáp án trên sai

14.

Với Selector trong CSS3 chúng ta có thể làm được những việc nào?

a)

selector theo vị trí

b)

selector theo trạng thái

c)

selector theo hành động

d)

selector theo thuộc tính

15.

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

Sử dụng ... để khai báo một biến toàn cục

.... để gọi ra biến sử dụng.

a)

:root,var()

b)

Đáp án trên sai

16.

Loại selector nào sử dụng trong trường hợp này?

p {line-height: 150%;}

a)

id Selectors

b)

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

c)

class Selectors

d)

element Selectors

17.

Trong CSS3 có những định dạng WEB Font nào?

a)

Canvas Fonts/Shapes

b)

The Web Open Font Format (WOFF)

c)

TrueType Fonts (TTF)

d)

OpenType Fonts (OTF)

18.

Thuộc tính .... xác định một chuyển động của một tag hay một .....

a)

animation , hinh-anh

b)

Đáp án trên sai

19.

Selector nào sau đây chọn những thành phần anh em của 1 thẻ?

a)

E ~ F

b)

E, F, G

c)

*

d)

E.class

20.

Lựa chọn nào để sử dụng biến trong CSS3?

a)

--const()

b)

--let()

c)

--variable()

d)

--var()

21.

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

a)

corner-effect: round;

b)

border[round]: 30px;

c)

border-radius: 30px; correct

d)

alpha-effect: round-corner;

22.

Selector nào sau đây chọn phần tử là con đầu tiên của thành cha?

a)

::first-line

b)

:last-child

c)

::first-letter

d)

:first-of-type

23.

CSS3 là một ...... của CSS, hay nói cách khác nó là một .... của CSS

a)

chuan-moi , version-moi

b)

chuan-cu , version-cu

c)

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

d)

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

24.

Muốn sử dụng Multiple-background cần thông qua thuộc tính background nào?

a)

background-image

b)

background-repeat

c)

background-size

d)

background-color

25.

Hàm CSS Gradient nào sau đây thiết lập hướng và màu của gradient chuyển từ màu này sang màu khác theo đường thẳng?

a)

gradient()

b)

line-gradient()

c)

linear-gradient()

d)

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

26.

Media Query là một trong những tính năng mới được thêm vào trong ....

a)

css3

b)

html5

c)

Tất cả đều sai

d)

Tất cả đều đúng

27.

Nguyên tắc nào áp dụng stylesheet chỉ dành cho một thẻ?

a)

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

b)

id rule

c)

element rule

d)

class rule

28.

Đoạn mã nào thiết lập bo tròn 2 góc trên bên trái và trên bên phải trong CSS3

a)

border-radius: 5px 5px 0 0;

b)

radius-border: 5px 5px;

c)

border-top-left-radius: 5px; border-top-right-radius: 5px;

d)

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