wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

tin2

Total questions: 99

Worksheet time: 52mins

Name
Class
Date
1.

Hệ màu nào sau đây được HTML và CSS hỗ trợ?

a)

RYB.

b)

HSB.

c)

HSL.

d)

CMYK.

2.

Phương án nào sau đây là cách thiết lập màu đen trong hệ màu RGB?

a)

rgb(100%, 100%, 100%).

b)

⋕808080.

c)

rgb(255, 255, 255).

d)

rgb(0%, 0%, 0%).

3.

Sơ đồ dưới đây mô tả bộ chọn nào?

a)

E F.

b)

E ~ F.

c)

E > F.

d)

E + F.

4.

RGB là một trong những hệ màu phổ biến được sử dụng trong thiết kế web và đồ họa. Hệ màu này hoạt động dựa trên nguyên lý nào sau đây?

a)

Tổng hợp ánh sáng từ ba màu đỏ, xanh lá cây và xanh dương.

b)

Tổng hợp màu sắc từ ba màu chính là đỏ, vàng và xanh dương.

c)

Sử dụng ba màu chính là đỏ, xanh lá và tím.

d)

Dựa trên ba màu cơ bản là đỏ, đen và trắng.

5.

Hệ màu HSL sử dụng ba thông số để biểu diễn màu sắc. Các thông số đó là gì?

a)

Hue, Saturation, Lightness.

b)

Hue, Saturation, Darkness.

c)

Hue, Brightness, Saturation.

d)

Red, Green, Blue.

6.

Màu đen trong hệ màu RGB có giá trị nào dưới đây?

a)

rgb(0, 0, 0).

b)

rgb(255, 255, 255).

c)

rgb(128, 128, 128).

d)

rgb(0, 255, 0).

7.

Màu trắng trong hệ màu RGB có giá trị nào dưới đây?

a)

rgb(255, 255, 255).

b)

rgb(128, 128, 128).

c)

rgb(0, 0, 0).

d)

rgb(255, 0, 0).

8.

Trong hệ màu HSL, giá trị của Hue được đo trong phạm vi nào sau đây?

a)

0 đến 360 độ.

b)

0 đến 100%.

c)

0 đến 255.

d)

0 đến 50%.

9.

Màu sắc trong CSS có thể được thiết lập bằng cách nào dưới đây?

a)

Các giá trị RGB, HSL và tên màu có sẵn.

b)

Chỉ có thể sử dụng hệ màu RGB.

c)

Chỉ có thể sử dụng các tên màu cơ bản.

d)

Chỉ có thể sử dụng hệ màu HSL.

10.

Trong CSS, thuộc tính nào sau đây được sử dụng để thay đổi màu chữ?

a)

Color.

b)

Background-color.

c)

Border-color.

d)

Text-color.

11.

Thuộc tính background-color trong CSS dùng để thay đổi gì?

a)

Màu nền của phần tử.

b)

Màu chữ của phần tử.

c)

Màu viền của phần tử.

d)

Màu nền của trang web.

12.

Các tên màu chuẩn trong CSS có thể được sử dụng trong những phiên bản nào sau đây?

a)

CSS2 và CSS3.

b)

Chỉ CSS3.

c)

Chỉ CSS2.

d)

CSS4 và CSS3.

13.

Các tên màu chuẩn trong CSS có thể được sử dụng trong những phiên bản nào sau đây?

a)

CSS2 và CSS3.

b)

Chỉ CSS3.

c)

Chỉ CSS2.

d)

CSS4 và CSS3.

14.

Trong hệ màu HSL, khi độ sáng (Lightness) bằng 100%, màu sắc sẽ có đặc điểm gì sau đây?

a)

Màu sẽ có độ sáng lớn nhất, gần như trắng.

b)

Màu sẽ có độ sáng thấp nhất, gần như đen.

c)

Màu sẽ không có độ sáng, chỉ có màu xám.

d)

Màu sẽ có độ sáng trung bình, giống như màu bạc.

15.

Phát biểu nào sau đây đúng?

a)

Các thuộc tính định dạng màu chữ, màu nền và màu khung viền của CSS đều có tính kế thừa.

b)

Mỗi màu trong hệ màu RGB là một tổ hợp gồm 3 giá trị, trong đó mỗi giá trị này là số nguyên nằm trong khoảng từ 0 đến 256, tức là một số 8 bit.

c)

Trong hệ màu HSL, màu sẽ biến mất chỉ còn xám khi độ bão hoà bằng 0%.

d)

Trong hệ màu RGB có 255 màu thuộc màu xám.

16.

Ý nghĩa của bộ chọn E + F là gì?

a)

Quan hệ anh em liền kề. Áp dụng cho các phần tử F là phần tử liền kề ngay sau E, E và F phải có cùng phần tử cha.

b)

Quan hệ anh em. Áp dụng cho các phần tử F là phần tử đứng sau, không cần liên tục với E, E và F phải có cùng phần tử cha.

c)

Quan hệ cha con trực tiếp. Áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong cây HTML.

d)

Quan hệ con cháu. Áp dụng cho các phần tử F với điều kiện F là phần tử con của E.

17.

Bộ chọn nào áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong cây HTML?

a)

E ~ F.

b)

E + F.

c)

E F.

d)

E > F.

18.

Hệ màu HSL có ba tham số chính: Hue, Saturation và Lightness. Mỗi tham số có vai trò cụ thể. Hãy chọn phát biểu đúng nhất về vai trò của các tham số trong hệ màu HSL:

a)

Hue là màu sắc và được đo theo vòng tròn từ 0 đến 360 độ.

b)

Saturation xác định độ sáng của màu, với giá trị từ 0% đến 100%.

c)

Lightness chỉ xác định độ bão hòa của màu sắc, với giá trị từ 0% đến 100%.

d)

Hue chỉ ra độ sáng của màu sắc, với giá trị từ 0% đến 100%.

19.

Câu 18: Thuộc tính background-color trong CSS thay đổi màu nền của phần tử. Tuy nhiên, nếu có nhiều lớp mẫu định dạng (CSS) áp dụng cho một phần tử, CSS nào sau đây sẽ được ưu tiên?

a)

Mẫu định dạng cuối cùng trong tệp CSS.

b)

Mẫu định dạng được áp dụng từ tệp CSS ngoài.

c)

Mẫu định dạng đầu tiên trong tệp CSS.

d)

Mẫu định dạng có !important được áp dụng.

20.

Câu 19: Để tạo một màu xám trong hệ màu RGB, bạn cần làm gì?

a)

Sử dụng ba giá trị RGB giống nhau, ví dụ rgb(128,128,128).

b)

Sử dụng ba giá trị RGB bằng 0, ví dụ rgb(0,0,0).

c)

Chọn một màu với giá trị Hue là 180°.

d)

Sử dụng giá trị Saturation bằng 100%.

21.

Câu 20: Khi sử dụng hệ màu RGB, để tạo ra một màu đỏ sáng, bạn nên chọn giá trị RGB nào sau đây?

a)

rgb(255, 0, 0).

b)

rgb(255, 255, 255).

c)

rgb(0, 255, 0).

d)

rgb(128, 128, 128).

22.

Câu 21: Để định dạng màu khung viền quanh phần tử, em sử dụng thuộc tính CSS nào sau đây?

a)

background-color.

b)

bgcolor.

c)

color.

d)

border.

23.

Câu 22: Mẫu CSS định dạng phần tử h1 có kiểu chữ đậm, màu chữ đỏ và màu nền hồng nhạt là

a)

h1 { font-weight: bold; color: red; background-color: lightpink; }

b)

h1 { font-weight: bold; color: red; }

c)

h1 { color: red; background-color: lightpink; }

d)

h1 { background-color: lightpink; }

24.

Câu 23: Cách thiết lập màu tím trong hệ màu RGB là cách nào sau đây?

a)

rgb(128, 0, 128).

b)

rgb(128, 128, 128).

c)

rgb(128, 0, 0).

d)

rgb(0, 128, 128).

25.

Câu 24: Mẫu CSS áp dụng cho các phần tử có quan hệ cha con trực tiếp là mẫu nào sau đây?

a)

div p {background-color: lightblue;}

b)

p + em {color: red;}

c)

p > strong {color: green;}

d)

strong ~ em {color: gray;}

26.

Câu 25: Thuộc tính nào sau đây giúp em tạo hiệu ứng trong suốt cho hình ảnh, phần tử HTML?

a)

background-color.

b)

opacity.

c)

hover.

d)

transparence.

27.

Câu 26: CSS cho phép thay đổi màu sắc của nhiều phần tử trên trang web. Để thay đổi màu chữ của tất cả các phần tử trong trang, bạn cần sử dụng bộ chọn nào dưới đây?

a)

* {color: red;}

b)

div p {color: red;}

c)

body {color: red;}

d)

p {color: blue;}

28.

Câu 27: Trong một trang web, bạn muốn thay đổi màu nền của tất cả các phần tử

và

, bạn nên sử dụng mẫu CSS nào?

a)

p, div {background-color: lightgray;}

b)

p {background-color: lightgray;}

c)

div {background-color: lightgray;}

d)

p, div {color: black;}

29.

g bộ chọn nào dưới đây?

a)

* {color: red;}.

b)

div p {color: red;}.

c)

body {color: red;}.

d)

p {color: blue;.

30.

Trong một trang web, bạn muốn thay đổi màu nền của tất cả các phần tử

và

. Bạn có thể sử dụng bộ chọn nào dưới đây?

a)

p, div {background-color: yellow;}.

b)

p div {background-color: yellow;}.

c)

div p {background-color: yellow;}.

d)

p + div {background-color: yellow;.

31.

Để thay đổi màu chữ của một phần tử

nằm trong một phần tử

, bạn nên sử dụng bộ chọn nào dưới đây?

a)

div p {color: red;}.

b)

div + p {color: red;}.

c)

body div p {color: red;}.

d)

div p + span {color: red;.

32.

Bạn muốn thay đổi màu nền của tất cả các phần tử

và

trên trang web. Bạn sẽ sử dụng bộ chọn nào dưới đây?

a)

h1, h2 {background-color: blue;}.

b)

h1 + h2 {background-color: blue;}.

c)

* h1, h2 {background-color: blue;}.

d)

h1 > h2 {background-color: blue;.

33.

Bạn muốn thay đổi màu nền của tất cả các phần tử

trừ những phần tử
có lớp highlight. Bạn sẽ sử dụng bộ chọn nào dưới đây?

a)

div:not(.highlight) {background-color: gray;}.

b)

div.highlight {background-color: gray;}.

c)

div {background-color: gray;}.

d)

div * {background-color: gray;.

34.

Các thẻ (hay phần tử HTML) được chia thành những loại nào sau đây?

a)

Khối và ngoại tuyến.

b)

Nội tuyến và ngoại tuyến.

c)

Khối và nội tuyến.

d)

Trong và ngoài.

35.

Phần tử HTML nào sau đây thuộc loại nội tuyến?

a)

script.

b)

table.

c)

li.

d)

article.

36.

Thuộc tính nào sau đây chỉ áp dụng cho phần tử dạng khối?

a)

margin.

b)

padding.

c)

border-style.

d)

width.

37.

Trong HTML, phần tử khối (block level) có đặc điểm nào sau đây?

a)

Bắt đầu từ đầu hàng và kéo dài suốt chiều rộng trang web.

b)

Luôn được hiển thị trên cùng một dòng.

c)

Không thể chứa các phần tử khác bên trong.

d)

Chỉ có thể chứa văn bản, không thể chứa hình ảnh.

38.

Phần tử nội tuyến (inline level) có đặc điểm nào sau đây?

a)

Luôn bắt đầu từ dòng mới.

b)

Có thể nhúng bên trong một phần tử khác.

c)

Chiếm toàn bộ chiều rộng.

39.

Phần tử nội tuyến (inline level) có đặc điểm nào sau đây?

a)

Luôn bắt đầu từ dòng mới.

b)

Có thể nhúng bên trong một phần tử khác.

c)

Chiếm toàn bộ chiều rộng của trình duyệt.

d)

Không thể thay đổi định dạng bằng CSS.

40.

Thuộc tính nào sau đây có thể thay đổi loại phần tử HTML?

a)

color.

b)

display.

c)

font-size.

d)

margin.

41.

Giá trị nào sau đây của thuộc tính display có thể làm ẩn hoàn toàn một phần tử HTML?

a)

block.

b)

inline.

c)

none.

d)

hidden.

42.

Trong CSS, thuộc tính nào sau đây được dùng để thiết lập khung cho phần tử?

a)

background.

b)

border.

c)

color.

d)

text-align..

43.

Một phần tử HTML dạng khối có thể có những thuộc tính nào sau đây?

a)

Chiều rộng, chiều cao, viền.

b)

Chỉ có thể thay đổi màu nền.

c)

Không thể thay đổi kích thước.

d)

Chỉ có thể chứa văn bản.

44.

Khi thiết lập bộ chọn lớp trong CSS, cú pháp nào sau đây là đúng?

a)

#classname { color: red; }.

b)

.classname { color: red; }.

c)

classname { color: red; }.

d)

*classname { color: red; }.

45.

Trong CSS, ký tự nào sau đây được sử dụng để xác định một lớp (class) trong bộ chọn?

a)

#

b)

.

c)

:

d)

@

46.

Bộ chọn CSS nào sau đây dùng để áp dụng kiểu cho tất cả các phần tử có cùng tên lớp?

a)

#id

b)

.class

c)

*

d)

:hover

47.

Khi đặt tên cho class trong CSS, điều nào sau đây là không đúng?

a)

Có thể bắt đầu bằng số.

b)

Phân biệt chữ hoa và chữ thường.

c)

Không chứa dấu cách.

d)

Có thể chứa nhiều lớp bằng cách cách nhau bởi dấu cách.

48.

Phát biểu nào sau đây sai?

a)

Một phần tử có thể thuộc nhiều lớp khác nhau.

b)

Có thể thiết lập bộ chọn là thuộc tính trong CSS.

c)

Tên của id và class phân biệt chữ in hoa, in thường.

d)

Các thuộc tính liên quan đến khung của một phần tử HTML đều có tính kế thừa.

49.

Thuộc tính border-style không nhận giá trị nào sau đây?

a)

Groove.

b)

Shadow.

c)

Ridge.

d)

Dashed.

50.

Điều gì sau đây xảy ra nếu một phần tử có display: none; trong CSS?

4 lines
51.

Hận giá trị nào sau đây?

a)

Groove.

b)

Shadow.

c)

Ridge.

d)

Dashed.

52.

Điều gì sau đây xảy ra nếu một phần tử có display: none; trong CSS?

a)

Phần tử bị ẩn nhưng vẫn chiếm không gian trên trang web.

b)

Phần tử không hiển thị và không chiếm không gian.

c)

Phần tử bị ẩn nhưng vẫn hiển thị khi di chuột vào.

d)

Phần tử chỉ bị ẩn trên trình duyệt di động.

53.

Khi sử dụng thuộc tính display: inline;, điều gì sau đây sẽ xảy ra?

a)

Phần tử sẽ xuống dòng mới.

b)

Phần tử sẽ được hiển thị trên cùng một dòng với nội dung khác.

c)

Phần tử sẽ bị ẩn hoàn toàn.

d)

Phần tử sẽ chiếm toàn bộ chiều rộng của trình duyệt.

54.

Để thay đổi kích thước viền của một phần tử, ta sử dụng thuộc tính nào sau đây?

a)

border-width.

b)

padding.

c)

margin.

d)

background-size.

55.

Một phần tử có thể có đồng thời nhiều lớp (class) bằng cách nào sau đây?

a)

Dùng dấu - giữa các lớp.

b)

Dùng dấu cách giữa các lớp.

c)

Dùng dấu , giữa các lớp.

d)

Không thể có nhiều lớp cùng lúc.

56.

Trong bộ chọn ID, ký tự nào sau đây được sử dụng trước tên định danh?

a)

.

b)

#

c)

@

d)

:

57.

Để định dạng khoảng cách từ vùng text đến đường viền ngoài của khung, em sử dụng thuộc tính nào sau đây?

a)

margin.

b)

spacing.

c)

padding.

d)

border-width.

58.

Cách thiết lập các mẫu định dạng với các phần tử có id tương ứng là

a)

.idname {thuộc tính: giá trị;}.

b)

id[name] {thuộc tính: giá trị;}.

c)

#idname {thuộc tính: giá trị;}.

d)

idname {thuộc tính: giá trị;}

59.

Cho mẫu CSS và kết quả nhận được như sau: Em cần thêm thuộc tính nào vào đoạn mã CSS để nhận được kết quả dưới đây?

a)

margin: 20px;

b)

border-space: 20px;

c)

white-space: 20px;

d)

padding: 20px;

60.

Để áp dụng định dạng cho tất cả các phần tử có tên lớp đồng thời là product và beauty, em cần thiết lập bộ chọn lớp CSS như thế nào?

a)

.product.beauty.

b)

#product#beauty.

c)

product.beauty.

d)

. product-beauty.

61.

Cho mẫu CSS sau: h1 {padding: 5px 10px 3px 20px;}. Phát biểu nào sau đây đúng?

a)

padding-left = 3px.

b)

padding-top = 20px.

c)

paddin

62.

Cho mẫu CSS sau: h1 {padding: 5px 10px 3px 20px;}. Phát biểu nào sau đây đúng?

a)

padding-left = 3px.

b)

padding-top = 20px.

c)

padding-right = 10px.

d)

padding-bottom = 5px.

63.

Giả sử bạn có đoạn mã CSS sau: Lệnh này áp dụng cho phần tử nào sau đây?

a)

Tất cả các thẻ

.

b)

Tất cả các thẻ có lớp .special.

c)

Tất cả các thẻ

có lớp .special.

d)

Tất cả các thẻ có ID special.

64.

Cách nào sau đây là đúng để thay đổi phần tử

từ khối (block) sang nội tuyến (inline)?

a)

div { display: block; }.

b)

div { display: inline; }.

c)

div { display: none; }.

d)

div { display: flex; }.

65.

Một trang web có một danh sách

    với ID là menu, để đổi màu nền của danh sách này, ta dùng CSS nào sau đây?

a)

menu { background-color: blue; }.

b)

.menu { background-color: blue; }.

c)

#menu { background-color: blue; }.

d)

{ background-color: blue; }.

66.

Để áp dụng kiểu cho tất cả các thẻ

bên trong thẻ

, bộ chọn nào sau đây đúng?

a)

div > p.

b)

div p.

c)

.div p.

d)

p div.

67.

Khi muốn ẩn một phần tử nhưng vẫn giữ không gian của nó trên trang web, ta dùng thuộc tính nào sau đây?

a)

display: none;

b)

visibility: hidden;

c)

opacity: 0;

d)

z-index: -1;

68.

Trong CSS, các lớp giả quy định được viết sau dấu gì sau đây?

a)

Dấu ":".

b)

Dấu "#".

c)

Dấu ".".

d)

Dấu "::".

69.

Kiểu bộ chọn nào sau đây mô tả các thành phần (nhỏ hơn) của phần tử?

a)

pseudo-class.

b)

id.

c)

pseudo-element.

d)

class.

70.

Trong CSS, quy định phần tử giả viết sau dấu gì sau đây?

a)

Dấu ".".

b)

Dấu "::".

c)

Dấu ":".

d)

Dấu "#".

71.

Trong CSS, pseudo-class được sử dụng để làm gì?

a)

Định dạng các phần tử dựa trên trạng thái đặc biệt của chúng.

b)

Tạo hiệu ứng động cho phần tử HTML.

c)

Thay đổi vị trí của phần tử trên trang web.

d)

Chỉ áp dụng cho các phần tử có ID cụ thể.

72.

Cú pháp nào sau đây là đúng để khai báo một pseudo-class trong CSS?

a)

selector.pseudo-class { }.

b)

selector::pseudo-class { }.

c)

selector:

73.

Cú pháp nào sau đây là đúng để khai báo một pseudo-class trong CSS?

a)

selector.pseudo-class { }.

b)

selector::pseudo-class { }.

c)

selector:pseudo-class { }.

d)

selector#pseudo-class { }.

74.

Trong CSS, pseudo-element được sử dụng để làm gì?

a)

Định dạng một phần của một phần tử HTML.

b)

Tạo một phần tử HTML mới trên trang web.

c)

Thay đổi nội dung của phần tử HTML.

d)

Chỉ áp dụng cho phần tử có trạng thái hover.

75.

Cú pháp nào sau đây là đúng để khai báo một pseudo-element trong CSS?

a)

selector::pseudo-element { }.

b)

selector:pseudo-element { }.

c)

selector#pseudo-element { }.

d)

selector.pseudo-element { }.

76.

Pseudo-class nào sau đây được sử dụng để áp dụng kiểu cho phần tử khi người dùng di chuột vào?

a)

:focus.

b)

:hover.

c)

:active.

d)

:checked.

77.

Thuộc tính nào sau đây trong CSS có mức độ ưu tiên cao nhất khi áp dụng nhiều quy tắc cùng lúc?

a)

CSS trong tập tin riêng biệt (external CSS).

b)

CSS trong phần