wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Kiến thức về CSS

Total questions: 117

Worksheet time: 1hrs 1mins

Name
Class
Date
1.

Pseudo-class được sử dụng để:

a)

Định nghĩa kiểu chữ đặc biệt

b)

Tạo các lớp giả định của phần tử HTML

c)

Thay đổi màu nền của trang web

d)

Tạo hiệu ứng động cho các hình ảnh

2.

Cú pháp đúng để áp dụng pseudo-element trong CSS là:

a)

::pseudo-element {thuộc tính : giá trị ;}

b)

:pseudo-element {thuộc tính : giá trị ;}

c)

pseudo-element:: {thuộc tính : giá trị ;}

d)

pseudo-element: {thuộc tính : giá trị ;}

3.

Trong CSS, mức ưu tiên của bộ chọn được xác định bởi:

a)

Số lượng các phần tử HTML được chọn

b)

Độ cụ thể của bộ chọn

c)

Thứ tự xuất hiện của các bộ chọn trong tệp CSS

d)

Kích thước của tệp CSS

4.

Bộ chọn nào có mức ưu tiên cao nhất trong CSS?

a)

Bộ chọn phần tử (element selector)

b)

Bộ chọn lớp (class selector)

c)

Bộ chọn ID

d)

Bộ chọn thuộc tính (attribute selector)

5.

Nếu một phần tử HTML bị ảnh hưởng bởi nhiều bộ chọn CSS với mức ưu tiên khác nhau, quy tắc nào sẽ được áp dụng?

a)

Quy tắc có mức ưu tiên thấp nhất

b)

Quy tắc được định nghĩa sau cùng trong tệp CSS

c)

Quy tắc có mức ưu tiên cao nhất

d)

Quy tắc có số lượng thuộc tính nhiều nhất

6.

Trong trường hợp hai bộ chọn có cùng mức ưu tiên, quy tắc nào sẽ được áp dụng?

a)

Quy tắc xuất hiện trước trong tệp CSS

b)

Quy tắc xuất hiện sau trong tệp CSS

c)

Quy tắc có ít thuộc tính hơn

d)

Quy tắc có nhiều thuộc tính hơn

7.

Khi sử dụng cả bộ chọn lớp và bộ chọn ID trên cùng một phần tử, thuộc tính nào sẽ được áp dụng?

a)

Thuộc tính của bộ chọn lớp

b)

Thuộc tính của bộ chọn ID

c)

Thuộc tính được định nghĩa trước

d)

Cả hai thuộc tính đều không được áp dụng

8.

Bộ chọn nào sau đây có mức ưu tiên cao nhất?

a)

.class1 .class2

b)

#id .class

c)

element.class

d)

element#id

9.

Trong CSS, bộ chọn dùng để làm gì?

(a)  

10.

o sau đây có mức ưu tiên cao nhất?

a)

.class1 .class2

b)

#id .class

c)

element.class

d)

element#id

11.

Trong CSS, bộ chọn dùng để làm gì?

a)

Chỉ định kiểu dáng cho một phần tử cụ thể

b)

Chỉ định ngôn ngữ lập trình trang web

c)

Liên kết giữa HTML và JavaScript

d)

Xóa nội dung của một phần tử

12.

Bộ chọn nào có mức ưu tiên cao nhất?

a)

Bộ chọn phần tử

b)

Bộ chọn lớp

c)

Bộ chọn ID

d)

Bộ chọn toàn cục (*)

13.

Khi có nhiều quy tắc CSS áp dụng cho cùng một phần tử, CSS sẽ ưu tiên quy tắc nào?

a)

Quy tắc có mức ưu tiên cao hơn

b)

Quy tắc được viết trước trong tệp CSS

c)

Quy tắc có màu sắc sáng hơn

d)

Quy tắc có ít dòng hơn

14.

Bộ chọn CSS nào có mức ưu tiên thấp nhất?

a)

Bộ chọn phần tử

b)

Bộ chọn lớp

c)

Bộ chọn ID

d)

Bộ chọn nội tuyến (inline)

15.

Khi hai quy tắc có cùng mức ưu tiên áp dụng cho một phần tử, CSS ưu tiên quy tắc nào?

a)

Quy tắc được khai báo sau cùng

b)

Quy tắc được khai báo đầu tiên

c)

Quy tắc có ít thuộc tính hơn

d)

Quy tắc có nhiều thuộc tính hơn

16.

Bộ chọn ID trong CSS được ký hiệu bằng dấu gì?

a)

#

b)

.

c)

*

d)

:

17.

Bộ chọn lớp (class) trong CSS được ký hiệu bằng dấu nào?

a)

.

b)

#

c)

*

d)

:

18.

Trong bộ chọn h1.red, từ red đại diện cho gì?

a)

Lớp

b)

ID

c)

Phần tử

d)

Nhóm

19.

Trong đoạn CSS sau, quy tắc nào có mức ưu tiên cao hơn?

a)

.button { color: blue; }

b)

#btn1 { color: red; }

c)

.button

d)

#btn1

20.

Bộ chọn nào sau đây có độ ưu tiên cao nhất?

a)

div p { color: red; }

b)

#main { color: blue; }

c)

p { color: green; }

d)

.text { color: yellow; }

21.

Cách nào sau đây có mức ưu tiên cao nhất?

a)

Khai báo CSS nội tuyến

b)

Bộ chọn ID

c)

Bộ chọn lớp

d)

Bộ chọn phần tử

22.

Để tăng mức ưu tiên của một quy tắc CSS, ta có thể sử dụng gì?

a)

!important

b)

:hover

c)

@media

d)

visibility: hidden;

23.

Khi khai báo một thuộc tính trong CSS bằng !important, điều gì xảy ra?

a)

Thuộc tính đó có độ ưu tiên cao nhất

b)

Thuộc tính bị vô hiệu hóa

c)

Thuộc tính bị ghi đè bởi các quy tắc khác

d)

Thuộc tính chỉ áp dụng khi không có ID

24.

Bộ chọn div p có ý nghĩa gì?

a)

Chọn tất cả các thẻ p nằm bên trong thẻ div

b)

Chọn thẻ div và thẻ p

c)

Chỉ chọn thẻ div có chứa p

d)

Chỉ chọn thẻ p đầu tiên trong div

25.

Khi có nhiều quy tắc xung đột, CSS sẽ ưu tiên kiểu nào?

a)

Nội tuyến (inline style)

b)

ID

c)

Class

d)

Thẻ HTML

26.

Trong đoạn mã sau, chữ trong thẻ p sẽ có màu gì?

a)

Đỏ

b)

Xanh dương

c)

Xanh lá

d)

Đen

27.

Trong CSS, bộ chọn p:first-child có nghĩa là gì?

a)

Chọn thẻ p đầu tiên trong một phần tử cha

b)

Chọn tất cả các thẻ p

c)

Chọn thẻ p cuối cùng

d)

Chọn thẻ p có ID là first-child

28.

Bộ chọn nào có độ ưu tiên cao nhất trong các lựa chọn sau?

a)

.box p

b)

p.box

c)

#box p

d)

p

29.

Điều gì xảy ra nếu có nhiều quy tắc CSS cùng áp dụng cho một phần tử?

a)

Quy tắc có mức ưu tiên cao nhất sẽ được áp dụng

b)

Tất cả các quy tắc đều bị vô hiệu hóa

c)

Trình duyệt sẽ chọn một quy tắc ngẫu nhiên

d)

Phần tử sẽ không hiển thị trên trang web

30.

Quy tắc có mức ưu tiên cao nhất sẽ được áp dụng?

a)

Quy tắc có mức ưu tiên cao nhất sẽ được áp dụng

b)

Tất cả các quy tắc đều bị vô hiệu hóa

c)

Trình duyệt sẽ chọn một quy tắc ngẫu nhiên

d)

Phần tử sẽ không hiển thị trên trang web

31.

Trang web cần có ít nhất bao nhiêu trang chính theo bài học?

a)

1

b)

2

c)

3

d)

4

32.

Tệp CSS được sử dụng trong thiết kế web để làm gì?

a)

Định dạng văn bản

b)

Định dạng hình ảnh

c)

Định dạng trang web

d)

Định dạng âm thanh

33.

Thẻ HTML nào được sử dụng để tạo liên kết đến tệp CSS ngoài?

a)