15 câu hỏi trắc nghiệm thuộc Trắc nghiệm Tin học 12 KNTT Bài 17: Các mức ưu tiên của bộ chọn

Câu 1:

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 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

Xem đáp án

Đáp án: B

Giải thích: Pseudo-class được sử dụng để mô tả các trạng thái đặc biệt của phần tử HTML, chẳng hạn như :hover khi người dùng di chuột qua phần tử.

Câu 2:

Câu 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-class {thuộc tính : giá trị ;}

Xem đáp án

Đáp án: A

Giải thích: Pseudo-element sử dụng cú pháp với hai dấu hai chấm, như ::before hoặc ::after, để định dạng các phần cụ thể của phần tử HTML.

Câu 3:

Câu 3: Trong trường hợp có nhiều mẫu định dạng CSS áp dụng cho cùng một phần tử, quy tắc nào được áp dụng?

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

B. Mẫu định dạng có thuộc tính màu sắc

C. Mẫu định dạng có trọng số cao nhất

D. Mẫu định dạng có thứ tự cuối cùng

Xem đáp án

Đáp án: C

Giải thích: Mẫu định dạng CSS có trọng số cao nhất sẽ được áp dụng nếu có nhiều mẫu định dạng có thể áp dụng cho cùng một phần tử.

Câu 4:

Câu 4: Trọng số CSS không bao gồm yếu tố nào sau đây?

A. Số lượng ID

B. Số lượng class

C. Số lượng thẻ HTML

D. Số lượng thuộc tính

Xem đáp án

Đáp án: D

Giải thích: Trọng số CSS được tính dựa trên số lượng ID, class và thẻ HTML, không bao gồm số lượng thuộc tính.

Câu 5:

Câu 5: Pseudo-class :hover được sử dụng để:

A. Thay đổi nội dung của phần tử khi nhấn vào

B. Thay đổi kiểu chữ khi chuột di chuyển qua

C. Ẩn phần tử khi trang được tải

D. Tạo hiệu ứng động khi trang cuộn

Xem đáp án

Đáp án: B

Giải thích: Pseudo-class :hover thay đổi kiểu định dạng của phần tử khi người dùng di chuyển chuột qua phần tử đó.

Câu 6:

Câu 6: Nguyên tắc ưu tiên trong CSS được xác định bằng:

A. Thứ tự xuất hiện của các quy tắc trong tệp CSS

B. Số lượng phần tử trong trang HTML

C. Số lượng liên kết trong tệp CSS

D. Tính kế thừa và trọng số của các bộ chọn

Xem đáp án

Đáp án: D

Giải thích: Nguyên tắc ưu tiên trong CSS dựa trên tính kế thừa và trọng số của các bộ chọn, trong đó mẫu định dạng có trọng số cao hơn sẽ được ưu tiên áp dụng.

Câu 7:

Câu 7: Pseudo-element ::before thường được sử dụng để:

A. Thêm nội dung trước phần tử

B. Thay đổi màu nền của phần tử

C. Thêm đường viền cho phần tử

D. Thay đổi kích thước của phần tử

Xem đáp án

Đáp án: A

Giải thích: Pseudo-element ::before được sử dụng để thêm nội dung trước nội dung của phần tử, thường sử dụng với thuộc tính content.

Câu 8:

Câu 8: Trọng số của một mẫu định dạng CSS được xác định dựa trên:

A. Vị trí của tệp CSS trong trang

B. Số lượng các kiểu chữ khác nhau

C. Số lượng ID, class và thẻ HTML

D. Số lượng các màu sắc được sử dụng

Xem đáp án

Đáp án:C

Giải thích: Trọng số của một mẫu định dạng CSS được tính dựa trên số lượng ID, class và thẻ HTML được sử dụng trong bộ chọn.

Câu 9:

Câu 9: Nếu một phần tử HTML có cả ID và class, mẫu định dạng nào sẽ được ưu tiên?

A. Mẫu định dạng với ID

B. Mẫu định dạng với class

C. Mẫu định dạng được viết sau cùng

D. Mẫu định dạng với thuộc tính màu sắc

Xem đáp án

Đáp án: A

Giải thích: Mẫu định dạng với ID có trọng số cao hơn so với class, do đó sẽ được ưu tiên áp dụng.

Câu 10:

Câu 10: Pseudo-class :first-child được sử dụng để:

A. Áp dụng định dạng cho phần tử đầu tiên trong một nhóm

B. Áp dụng định dạng cho phần tử cuối cùng trong một nhóm

C. Áp dụng định dạng cho tất cả các phần tử trong nhóm

D. Áp dụng định dạng cho phần tử duy nhất trong nhóm

Xem đáp án

Đáp án: A

Giải thích: Pseudo-class :first-child áp dụng định dạng cho phần tử đầu tiên trong một nhóm các phần tử đồng cấp.

Câu 11:

PHẦN II. Câu trắc nghiệm đúng sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Phát biểu về kiểu bộ chọn dạng pseudo-class và pseudo-element sau đúng hay sai?

a) Bộ chọn pseudo-class (lớp giả) được viết sau dấu hai chấm (:) theo cú pháp: :pseudo-class {thuộc tính: giá trị;}.

b) Bộ chọn pseudo-element (phần tử giả) được viết sau dấu hai chấm kép (::) theo cú pháp: ::pseudo-element {thuộc tính: giá trị;}.

c) Pseudo-class mô tả các trạng thái đặc biệt của phần tử HTML, còn pseudo-element mô tả các phần nhỏ hơn của phần tử HTML.

d) Trong CSS, các lớp giả và phần tử giả đều có thể định dạng các trạng thái và phần tử của HTML.

Xem đáp án

a) Đúng - Bộ chọn pseudo-class được viết sau dấu hai chấm (:).

b) Đúng - Bộ chọn pseudo-element được viết sau dấu hai chấm kép (::).

c) Đúng - Pseudo-class mô tả trạng thái đặc biệt của phần tử, trong khi pseudo-element mô tả các phần nhỏ hơn hoặc phần tử con của phần tử chính.

d) Đúng - Cả pseudo-class và pseudo-element đều dùng để định dạng các phần tử HTML, nhưng với các mục đích khác nhau.

Câu 12:

Câu 2: Phát biểu say đây đúng hay sai về mức độ ưu tiên khi áp dụng CSS?

a) Trong CSS, tính kế thừa và quy định về thứ tự cuối cùng (cascading) có mức ưu tiên cao hơn trọng số của bộ chọn.

b) Khi có nhiều mẫu định dạng CSS có thể áp dụng cho một phần tử HTML, mẫu CSS có trọng số cao nhất sẽ được ưu tiên áp dụng.

c) Quy định về thứ tự ưu tiên của CSS được mô tả trong Bảng 17.3 và tính trọng số của CSS được mô tả trong Bảng 17.4.

d) Trọng số của mẫu định dạng CSS được tính bằng tổng giá trị trọng số của các phần tử trong bộ chọn CSS.

Xem đáp án

a) Sai - Tính kế thừa và quy định về thứ tự cuối cùng (cascading) có mức ưu tiên thấp hơn trọng số của bộ chọn.

b) Đúng - Khi có nhiều mẫu định dạng có thể áp dụng, mẫu có trọng số cao nhất sẽ được ưu tiên.

c) Đúng - Quy định về thứ tự ưu tiên và tính trọng số của CSS được mô tả trong các bảng được chỉ định.

d) Đúng - Trọng số của mẫu định dạng CSS được tính bằng tổng giá trị trọng số của các phần tử trong bộ chọn.

Câu 13:

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: Bộ chọn pseudo-class được viết sau dấu hai chấm (:) theo cú pháp nào?

Xem đáp án

Đáp án: :pseudo-class {thuộc tính: giá trị;}

Giải thích: Bộ chọn pseudo-class (lớp giả) sử dụng dấu hai chấm (:) và không cần định nghĩa trạng thái đặc biệt trước đó vì nó đã được định nghĩa sẵn trong CSS.

Câu 14:

Câu 2: Bộ chọn pseudo-element được viết sau dấu gì và theo cú pháp nào?

Xem đáp án

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

Giải thích: Bộ chọn pseudo-element (phần tử giả) được viết với hai dấu hai chấm kép (::) và cho phép định dạng các phần tử con của phần tử chính hoặc các phần nhỏ hơn của phần tử.

Câu 15:

Câu 3: Khi áp dụng nhiều mẫu định dạng CSS cho một phần tử HTML, mẫu nào sẽ được ưu tiên nếu có nhiều mẫu cùng mức ưu tiên?

Xem đáp án

Đáp án: Mẫu có trọng số cao nhất sẽ được ưu tiên.

Giải thích: Trong trường hợp nhiều mẫu định dạng CSS có thể áp dụng cho cùng một phần tử, CSS sẽ tính trọng số của các mẫu định dạng và ưu tiên áp dụng mẫu có trọng số cao nhất.