Trắc Nghiệm Tin Học 12 Kết Nối Tri Thức Khoa Học Máy Tính Bài 17 là bộ đề ôn tập thực hành nâng cao môn Tin học lớp 12, bám sát nội dung sách giáo khoa Kết Nối Tri Thức. Đề do cô Vũ Hoài An – giáo viên môn Tin học tại Trường THPT Lê Thánh Tông biên soạn năm học 2024–2025. Nội dung “Bài 17: Các mức ưu tiên của bộ chọn” xoay quanh khái niệm về độ ưu tiên (specificity) trong CSS, giúp học sinh hiểu rõ quy tắc trình duyệt áp dụng các định dạng khi có nhiều bộ chọn cùng tác động lên một phần tử. Hệ thống trắc nghiệm Tin học 12 Khoa Học Máy Tính kết nối tri thức này là tài liệu quan trọng giúp học sinh nắm vững các quy tắc phức tạp, gỡ rối các xung đột trong CSS và chuẩn bị tốt cho các dự án thực tế.
Hệ thống Bài tập trắc nghiệm Tin 12 trên nền tảng detracnghiem.edu.vn được xây dựng để mô phỏng các tình huống thực tế về xung đột CSS. Với kho câu hỏi đa dạng, bám sát các quy tắc về độ ưu tiên của bộ chọn thẻ, lớp, ID và inline style, học sinh có thể thực hành không giới hạn để rèn luyện tư duy gỡ rối (debugging). Mỗi câu hỏi đều đi kèm đáp án và lời giải thích chi tiết, giúp các em không chỉ biết kết quả mà còn hiểu rõ tại sao một định dạng lại được áp dụng thay vì định dạng khác. Biểu đồ phân tích tiến độ học tập cá nhân giúp học sinh tự đánh giá tiến bộ, từ đó xây dựng chiến lược ôn tập hiệu quả. Đây là phương pháp học tập hiện đại, giúp học sinh tự tin chinh phục các bài Trắc nghiệm lớp 12.
Trắc Nghiệm Tin Học 12 Kết Nối Tri Thức Bài 17 – Các mức ưu tiên của bộ chọn
Câu 1: Giả sử có hai định dạng CSS sau: #p123 + p {color: red;} và h2#p123 + p {color: red;}. Điều gì sẽ xảy ra khi áp dụng?
A. Cả hai định dạng đều áp dụng màu đỏ cho p sau phần tử id=”p123″.
B. Cả hai định dạng đều không hợp lệ.
C. Định dạng thứ hai sẽ ghi đè định dạng thứ nhất.
D. Định dạng thứ nhất có ưu tiên cao hơn.
Câu 2: Trong đoạn mã HTML có một phần tử p có cả tên riêng (tên người, tên tổ chức) được bổ sung định dạng chữ đậm và in nghiêng. Cú pháp bộ chọn nào sau đây sẽ áp dụng đúng cho phần tử p đó?
A. p#id {font-weight: bold; font-style: italic;}.
B. p.class-name {font-weight: bold; font-style: italic;}.
C. p[name] {font-weight: bold; font-style: italic;}.
D. p.test {font-weight: bold; font-style: italic;}.
Câu 3: Khái niệm “bộ chọn pseudo-class” (pseudo-class selector) trong CSS dùng để làm gì?
A. Chọn phần tử dựa trên tên thẻ HTML.
B. Chọn phần tử dựa trên mã định danh (id).
C. Chọn phần tử dựa trên trạng thái đặc biệt (ví dụ: link, visited, hover).
D. Chọn phần tử dựa trên lớp (class).
Câu 4: Bộ chọn ::first-line trong CSS dùng để làm gì?
A. Định dạng toàn bộ dòng đầu tiên của một phần tử.
B. Định dạng kí tự đầu tiên của một phần tử.
C. Định dạng dòng cuối cùng của một phần tử.
D. Định dạng dòng đầu tiên của phần tử khối.
Câu 5: Bộ chọn ::first-letter trong CSS dùng để làm gì?
A. Định dạng toàn bộ dòng đầu tiên của một phần tử.
B. Định dạng kí tự đầu tiên của phần tử đó.
C. Định dạng kí tự đầu tiên của từ đầu tiên trong một phần tử.
D. Định dạng chữ cái đầu tiên của mỗi từ.
Câu 6: Bộ chọn ::selection trong CSS dùng để làm gì?
A. Định dạng văn bản đang được di chuyển.
B. Định dạng phần văn bản người dùng chọn.
C. Định dạng văn bản được chọn bởi chuột.
D. Định dạng văn bản bị lỗi.
Câu 7: Từ khóa !important trong CSS có mức độ ưu tiên như thế nào so với các quy định khác?
A. Thấp nhất.
B. Cao nhất, ghi đè lên các quy định khác.
C. Trung bình.
D. Tùy thuộc vị trí trong mã nguồn.
Câu 8: CSS được áp dụng cho phần tử HTML theo nguyên tắc nào sau đây?
A. Chỉ theo thứ tự mã nguồn.
B. Chỉ theo tính kế thừa.
C. Chỉ theo mức độ ưu tiên của bộ chọn.
D. Kết hợp kế thừa và quy định thứ tự ưu tiên.
Câu 9: Khi có nhiều mẫu định dạng xung đột cho cùng một phần tử HTML, trình duyệt sẽ ưu tiên áp dụng mẫu nào?
A. Mẫu được viết đầu tiên.
B. Mẫu có ít quy định nhất.
C. Mẫu có mức độ ưu tiên.
D. Mẫu có nhiều quy định nhất.
Câu 10: Thứ tự ưu tiên của các kiểu thiết lập CSS (từ cao đến thấp) là gì?
A. CSS ngoài > CSS nhúng > CSS nội tuyến.
B. CSS nội tuyến > CSS nhúng > CSS ngoài.
C. CSS nhúng > CSS nội tuyến > CSS ngoài.
D. CSS nội tuyến > CSS ngoài > CSS nhúng.
Câu 11: Bộ chọn dựa trên mã định danh (ID selector) có điểm trọng số là bao nhiêu?
A. 10.
B. 1000.
C. 100.
D. 1.
Câu 12: Bộ chọn dựa trên lớp (class selector) có điểm trọng số là bao nhiêu?
A. 1.
B. 100.
C. 1000.
D. 10.
Câu 13: Bộ chọn dựa trên phần tử (element selector) hoặc pseudo-element có điểm trọng số là bao nhiêu?
A. 10.
B. 1.
C. 100.
D. 1000.
Câu 14: Giá trị trọng số của thuộc tính !important được xem là bao nhiêu?
A. 0.
B. Vượt lên trên mọi giá trị trọng số khác.
C. 100.
D. 1000.
Câu 15: Trong đoạn mã CSS p > em {color: red;} và HTML <p>Đây là <em>văn bản</em></p>, màu chữ của “văn bản” sẽ là gì?
A. Mặc định (thường là đen).
B. Xanh dương.
C. Đỏ.
D. Xám.
Câu 16: Trong đoạn mã CSS a:link {color: blue;} a:visited {color: gray;} a:hover {color: green;}, nếu một liên kết đã được người dùng truy cập, màu sắc của liên kết đó sẽ là gì?
A. Xanh dương.
B. Xanh lá cây.
C. Đỏ.
D. Xám.
Câu 17: Trong đoạn mã HTML h1>Test CSS </h1 và CSS .highlight {color: blue;}, bộ chọn .highlight có điểm trọng số là bao nhiêu?
A. 10.
B. 1.
C. 100.
D. 1000.
A. Xanh dương.
B. Đỏ.
C. Xanh lá.
D. Đen.
Câu 19: Khi bạn di chuyển con trỏ chuột qua một liên kết (hover) và muốn nó đổi màu chữ thành xanh lá cây, bạn sẽ dùng bộ chọn pseudo-class nào?
A. :link.
B. :visited.
C. :hover.
D. :active.
Câu 20: Bộ chọn nào sau đây có mức độ ưu tiên cao nhất?
A. p.
B. .class.
C. #id.
D. style=”… (inline CSS)”.
Câu 21: Khi một trang web có nhiều mẫu định dạng CSS, chúng sẽ được áp dụng theo nguyên tắc “cascading”. Điều này có nghĩa là gì?
A. Luôn áp dụng mẫu định dạng đầu tiên tìm thấy.
B. Trình duyệt quyết định mẫu định dạng dựa trên ưu tiên và vị trí.
C. Luôn áp dụng mẫu định dạng cuối cùng tìm thấy.
D. Luôn áp dụng mẫu định dạng có ít quy định nhất.
Câu 22: Khi bạn muốn áp dụng định dạng cho một liên kết đã được truy cập (visited), bạn sẽ sử dụng bộ chọn pseudo-class nào?
A. :link.
B. :visited.
C. :hover.
D. :active.
Câu 23: Bộ chọn nào sau đây có điểm trọng số cao nhất?
A. Bộ chọn phần tử (element selector).
B. Bộ chọn lớp (class selector).
C. Bộ chọn mã định danh (ID selector).
D. Bộ chọn thuộc tính (attribute selector).
Câu 24: Trong CSS, ký hiệu # được dùng để tạo bộ chọn dựa trên thuộc tính nào của HTML?
A. class.
B. name.
C. type.
D. id.
Câu 25: Tên của thuộc tính id và class trong HTML nên được viết như thế nào?
A. Viết thường, không kí tự đặc biệt (trừ gạch ngang/dưới).
B. Viết hoa toàn bộ.
C. Bắt đầu bằng số.
D. Có chứa kí tự đặc biệt.
Câu 26: Bộ chọn nào sau đây có điểm trọng số thấp nhất?
A. Bộ chọn lớp.
B. Bộ chọn mã định danh.
C. Bộ chọn giả lớp.
D. Bộ chọn phần tử.
Câu 27: Trong đoạn mã CSS <h1> {text-align: center !important;} h1 {text-align: left; color: red;}, thuộc tính text-align nào sẽ được áp dụng cho h1?
A. text-align: left; (vì được viết sau cùng).
B. text-align: left; và color: red;.
C. text-align: center; (do !important).
D. text-align: center; và color: red;.
Câu 28: Quy tắc Rule Order trong CSS nói về điều gì?
A. Quy định thứ tự viết các thuộc tính trong một bộ chọn.
B. Quy định thứ tự viết các bộ chọn trong một tệp CSS.
C. Quy định cách các tệp CSS được liên kết.
D. Nếu nhiều mẫu cùng ưu tiên, mẫu cuối cùng sẽ áp dụng.
Câu 29: Khái niệm “bộ chọn pseudo-element” (pseudo-element selector) dùng để làm gì?
A. Chọn một phần của phần tử để định dạng.
B. Chọn phần tử dựa trên một trạng thái đặc biệt.
C. Chọn phần tử dựa trên một sự kiện.
D. Chọn phần tử dựa trên thuộc tính.
Câu 30: Khi bạn muốn tăng kích thước một đoạn văn bản khi di chuyển chuột qua nó, bạn sẽ dùng bộ chọn nào?
A. :link.
B. :hover.
C. :visited.
D. ::first-line.
