Trắc nghiệm Tin học 12 KNTT Bài 17: Các mức ưu tiên của bộ chọn
Đề thi

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

A
Admin
Tin họcLớp 1238 lượt thi
15 câu hỏi
1. Trắc nghiệm
• 1 điểm

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 để:

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

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

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

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ử.

2. Trắc nghiệm
• 1 điểm

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

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

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

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

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.

3. Trắc nghiệm
• 1 điểm

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?

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

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

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

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ử.

4. Trắc nghiệm
• 1 điểm

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

Số lượng ID

Số lượng class

Số lượng thẻ HTML

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.

5. Trắc nghiệm
• 1 điểm

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

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

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

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

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ử đó.

6. Trắc nghiệm
• 1 điểm

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

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

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

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

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.

7. Trắc nghiệm
• 1 điểm
Câu 7: Pseudo-element ::before thường được sử dụng để:

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

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

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

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.

2048.vn

Học thông minh hơn mỗi ngày

Xem toàn bộ 15 câu hỏi và nhiều hơn nữa với tài khoản miễn phí

Tạo đề thi
Tổ chức kiểm tra
Báo cáo chấm điểm tự động
Bạn đã có tài khoản?
8. Trắc nghiệm
• 1 điểm

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

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

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

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

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.

9. Trắc nghiệm
• 1 điểm

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?

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

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

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

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.

10. Trắc nghiệm
• 1 điểm

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

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

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

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

Á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.

11. Tự luận
• 1 điểm

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.

12. Tự luận
• 1 điểm

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.

13. Tự luận
• 1 điểm

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.

14. Tự luận
• 1 điểm

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ử.

15. Tự luận
• 1 điểm

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.

Bạn có thích hoạt động này không?

Ý kiến của bạn sẽ giúp chúng tôi đề xuất nội dung phù hợp hơn.

Bắt đầu ngay
Khám phá các nguồn tài nguyên miễn phí, phù hợp với tiêu chuẩn trong vài giây

Gợi ý cho bạn

Xem tất cả

Tài liệu phổ biến Lớp 12

Xem tất cả

Tài liệu phổ biến Tin học

Xem tất cả