Trắc nghiệm Tin học 12 KNTT Bài 17: Các mức ưu tiên của bộ chọn
15 câu hỏi
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
Đá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ú 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ị ;}
Đá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: 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
Đá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: 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
Đá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: 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
Đá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: 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
Đá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.
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ử
Đá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: 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
Đá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: 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
Đá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: 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
Đá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.
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.
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 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.
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.
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?
Đá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 2: Bộ chọn pseudo-element được viết sau dấu gì và theo cú pháp nào?
Đá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 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?
Đá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.
Gợi ý cho bạn
Tài liệu phổ biến Lớp 12
Tài liệu phổ biến Tin học

![[Năm 2022] Đề thi thử môn Vật lí THPT Quốc gia có lời giải - Đề số 21](/_next/image?url=https%3A%2F%2Fvideo.vietjack.com%2Fupload%2Fimages%2Fvj-image%2Fimage-3izficdefgfoel0s9j8s-1786772791.jpg&w=3840&q=75)



![[Năm 2022] Đề thi thử môn Vật lí THPT Quốc gia có lời giải - Đề số 20](/_next/image?url=https%3A%2F%2Fvideo.vietjack.com%2Fupload%2Fimages%2Fvj-image%2Fimage-emy0gtcksawvorajezvv-1786772460.jpg&w=3840&q=75)
















