Trắc nghiệm Tin học 12 – Bài 17. Các mức ưu tiên của bộ chọn

Gồm các câu hỏi về các nội dung sau:

Kiểu bộ chọn pseudo-class và pseudo-element
Mức độ ưu tiên khi áp dụng CSS

Câu hỏi trắc nghiệm dạng D1 và dạng D2 - Các mức ưu tiên của bộ chọn

Họ và tên của bạn

Thời gian làm bài: 30 phút

Đáp án chỉ hiển thị sau khi hoàn thành bài làm

Câu hỏi sẽ được hiển thị ngẫu nhiên

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

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

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

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

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

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

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

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

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

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

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

selector.pseudo-class { }

selector::pseudo-class { }

selector:pseudo-class { }

selector#pseudo-class { }

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

selector::pseudo-element { }

selector:pseudo-element { }

selector#pseudo-element { }

selector.pseudo-element { }

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?

:focus

:hover

:active

:checked

Thuộc tính CSS nào sau đây có mức độ ưu tiên cao nhất?

color: red;

color: blue !important;

color: green;

color: black;

Trong CSS, bộ chọn nào sau đây có trọng số cao nhất?

.class

#id

element

Em hãy sắp xếp theo thứ tự từ cao xuống thấp các mức độ ưu tiên khi áp dụng CSS sau:
1. Trọng số CSS.
2. Mặc định theo trình duyệt.
3. CSS liên quan đến kích thước thiết bị.
4. Kế thừa từ CSS cha.

3, 1, 4, 2

2, 3, 4, 1

1, 4, 2, 3

3, 2, 1, 4

Giá trị trọng số của bộ chọn ::selection là bao nhiêu?

100

Trong CSS, khi nào nguyên tắc “thứ tự cuối cùng” được áp dụng?

Khi có nhiều quy tắc CSS có cùng trọng số

Khi không có quy tắc CSS nào được áp dụng

Khi các thuộc tính có !important

Khi sử dụng bộ chọn ID

Mẫu CSS định dạng các liên kết sau khi kích hoạt chuyển màu xanh dương là

a:link {color: blue;}

a:visited {color: blue;}

a:hover {color: blue;}

a:clicked {color: blue;}

Mẫu CSS thiết lập định dạng khi di chuyển con trỏ chuột lên đối tượng có id="title" sẽ hiển thị với kiểu chữ đậm là

#title:hover {font-style: bold}

.title:hover {font-weight: bold}

title:hover {font-style: italics}

#title:hover {font-weight: bold}

Bộ chọn a:link ~ p#info có trọng số bằng bao nhiêu?

130

112

220

Giả sử có đoạn CSS sau: p::first-letter { font-size: 2em; color: red; }. Lệnh này sẽ áp dụng cho phần nào sau đây của thẻ ?

Toàn bộ nội dung trong

Chữ cái đầu tiên của mỗi đoạn văn bản trong

Tất cả các từ đầu tiên trong

Tất cả các ký tự trong

Cho đoạn CSS sau:
p em { color: blue; } p > em { color: red; } Nếu có một đoạn mã HTML như sau, chữ trong phần tử sẽ có màu gì?
Đây là một đoạn văn thử nghiệm.

Màu xanh (blue)

Màu đỏ (red)

Màu mặc định của trình duyệt

Không xác định

Trong một dự án thực tế, cách tốt nhất để tổ chức CSS để đảm bảo tính ưu tiên hợp lý là gì?

Sử dụng CSS nội tuyến (inline CSS)

Chỉ sử dụng một tệp CSS duy nhất

Kết hợp CSS bên ngoài, CSS nội tuyến và kế thừa hợp lý

Sử dụng càng nhiều !important càng tốt

CSS hỗ trợ thiết lập định dạng cho các lớp giả (pseudo-class) và phần tử giả (pseudo-element).

Trong CSS, các lớp giả quy định viết sau dấu “::”.

Đúng Sai

Phần tử giả mô tả các thành phần (nhỏ hơn) của phần tử.

Đúng Sai

Bộ chọn ::selection mô tả phần được chọn (bằng cách kéo thả chuột trên màn hình) của đối tượng.

Đúng Sai

Để đổi màu chữ của một đoạn văn bản có mã định danh là note khi di chuyển chuột qua đoạn văn bản đó cần dùng định dạng CSS #note:visited {color: blue}.

Đúng Sai

Khi có nhiều mẫu định dạng có thể áp dụng cho một phần tử HTML nào đó trên trang web, CSS sẽ áp dụng định dạng theo thứ tự ưu tiên.

Các thuộc tính trong CSS với kí hiệu * sẽ có mức ưu tiên cao nhất.

Đúng Sai

Quy tắc kế thừa từ CSS cha có thứ tự ưu tiên cao hơn quy tắc CSS trực tiếp (inline CSS).

Đúng Sai

Nếu có nhiều mẫu định dạng CSS cùng mức ưu tiên áp dụng cho một phần tử HTML thì mẫu CSS nào có trọng số cao nhất sẽ được áp dụng.

Đúng Sai

Bộ chọn .test > div#p123 có trọng số là 111.

Đúng Sai

Trọng số CSS là một yếu tố quan trọng trong việc xác định mẫu định dạng nào sẽ được áp dụng khi có nhiều quy tắc xung đột.

Bộ chọn ID (#id) có trọng số cao hơn bộ chọn class (.class).

Đúng Sai

Bộ chọn phần tử (p, h1, div) có trọng số cao hơn bộ chọn ID.

Đúng Sai

Nếu một phần tử có nhiều class, trọng số của nó sẽ bằng tổng trọng số của tất cả các class đó.

Đúng Sai

Bộ chọn có trọng số thấp hơn sẽ luôn bị ghi đè bởi bộ chọn có trọng số cao hơn.

Đúng Sai

Bảng xếp hạng

Hạng	Họ tên	Điểm số	Thời gian
1	Tq 1 lần thi	100/100	1 phút 9 giây
2	. 4 lần thi	100/100	2 phút 33 giây
3	quyên 3 lần thi	100/100	3 phút 2 giây
4	… 1 lần thi	100/100	6 phút 22 giây
5	Trần Ngọc Hào 2 lần thi	99/100	1 phút 4 giây
6	Virrus 1 lần thi	97/100	2 phút 31 giây
7	🙂 3 lần thi	95/100	1 phút 35 giây
8	Thúy Quyên 2 lần thi	95/100	1 phút 36 giây
9	666 1 lần thi	95/100	1 phút 43 giây
10	🤡 1 lần thi	95/100	2 phút 53 giây
11	Ly 5 lần thi	93/100	1 phút 24 giây
12	Minh 5 lần thi	92/100	2 phút 4 giây
13	Mỹ tiên 2 lần thi	89/100	8 phút 39 giây
14	Mỹ Tiên 2 lần thi	83/100	7 phút 2 giây
15	xxuxu 1 lần thi	42/100	1 phút 37 giây
16	xễ 1 lần thi	37/100	1 phút 27 giây
17	Hi 1 lần thi	32/100	36 giây
18	Kền Kền 1 lần thi	30/100	39 giây
19	Hẹ 1 lần thi	17/100	42 giây