Trắc Nghiệm Tin Học 12 Cánh Diều Khoa Học Máy Tính Chủ Đề F Bài 10 là bộ đề ôn tập kiến thức chuyên sâu môn Tin học lớp 12, bám sát nội dung Tin học 12 Khoa học máy tính Cánh Diều. Đề do thầy Trần Văn Huy – giáo viên môn Tin học tại Trường THPT Marie Curie biên soạn năm học 2024–2025. Đây là bài học quan trọng thuộc “Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính”, với nội dung chính của “Bài 10: Bộ chọn lớp, bộ chọn định danh” tập trung vào các phương pháp lựa chọn phần tử để áp dụng CSS như bộ chọn lớp (class selector) và bộ chọn định danh (ID selector), cùng với cách sử dụng chúng để định dạng linh hoạt các phần tử trên trang web. Bộ câu hỏi này là tài liệu hữu ích giúp học sinh nắm vững kỹ năng chọn và định dạng linh hoạt.
Trắc nghiệm Tin học 12 trên nền tảng detracnghiem.edu.vn được thiết kế để mang lại trải nghiệm học tập thực tế và hiệu quả. Với kho câu hỏi phong phú, mô phỏng các tình huống áp dụng bộ chọn CSS, học sinh có thể thực hành không giới hạn để củng cố kiến thức. 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 sâu sắc về cách thức hoạt động của từng loại bộ chọn và nguyên tắc ưu tiên. Biểu đồ phân tích tiến độ học tập cá nhân là tính năng nổi bật, giúp học sinh nhận diện điểm mạnh, điểm yếu để xây dựng chiến lược ôn tập khoa học. Đây là công cụ hữu ích giúp học sinh tự tin chinh phục các bài Bài tập trắc nghiệm lớp 12.
Trắc Nghiệm Tin Học 12 Cánh Diều Khoa Học Máy Tính
Chủ Đề F. Giải quyết vấn đề với sự trợ giúp của máy tính
Bài 10: Bộ chọn lớp, bộ chọn định danh
Câu 1: Bộ chọn lớp (class selector) được dùng để làm gì trong CSS?
A. Để áp dụng định dạng cho nhiều phần tử trong văn bản HTML.
B. Để khai báo quy tắc định dạng cho một phần tử HTML duy nhất.
C. Để áp dụng định dạng cho tất cả các phần tử cùng tên HTML.
D. Để định nghĩa một kiểu định dạng mới cho toàn bộ trang web.
Câu 2: Bộ chọn lớp được khai báo như thế nào trong CSS?
A. #Tên_bộ_chọn_lớp {thuộc_tính: giá_trị;…}.
B. Tên_bộ_chọn_lớp {thuộc_tính: giá_trị;…}.
C. .Tên_bộ_chọn_lớp {thuộc_tính: giá_trị;…}.
D. Tên_thẻ.Tên_bộ_chọn_lớp {thuộc_tính: giá_trị;…}.
Câu 3: Bộ chọn định danh (ID selector) được dùng để làm gì trong CSS?
A. Để áp dụng quy tắc định dạng cho nhiều phần tử cùng loại.
B. Để áp dụng quy tắc định dạng cho một phần tử cụ thể.
C. Để định kiểu cho các phần tử có cùng lớp.
D. Để định kiểu cho toàn bộ tài liệu HTML.
Câu 4: Bộ chọn định danh được khai báo như thế nào trong CSS?
A. .Tên_bộ_chọn_định_danh {thuộc_tính: giá_trị;…}.
B. Tên_bộ_chọn_định_danh {thuộc_tính: giá_trị;…}.
C. Tên_thẻ#Tên_bộ_chọn_định_danh {thuộc_tính: giá_trị;…}.
D. #Tên_bộ_chọn_định_danh {thuộc_tính: giá_trị;…}.
Câu 5: Trong một trang web, một đoạn văn bản được trình bày bằng chữ màu đỏ và gạch chân màu xanh. Điều này cho thấy đoạn văn bản này có thể sử dụng bộ chọn nào?
A. Bộ chọn lớp.
B. Bộ chọn thẻ HTML.
C. Bộ chọn định danh.
D. Bộ chọn thuộc tính.
Câu 6: Để định dạng chữ màu đỏ cho một phần tử có lớp là red, cú pháp CSS đúng là gì?
A. red {color: red;}.
B. #red {color: red;}.
C. red.class {color: red;}.
D. .red {color: red;}.
Câu 7: Trong một trang web, một tiêu đề <h1> có định danh là tieu_de_muc_chinh được trình bày bằng chữ màu đỏ. Cú pháp CSS đúng cho điều này là gì?
A. #tieu_de_muc_chinh {color: red;}.
B. h1.tieu_de_muc_chinh {color: red;}.
C. .tieu_de_muc_chinh {color: red;}.
D. h1 {color: red;}.
Câu 8: Khi sử dụng external CSS, tệp định kiểu Bai10-NV1.css được liên kết với tệp HTML Bai10-NV1.html bằng cách nào trong phần <head>?
A. <link href=”Bai10-NV1.css”>.
B. <style src=”Bai10-NV1.css”>.
C. <script src=”Bai10-NV1.css”>.
D. <link rel=”stylesheet” href=”Bai10-NV1.css”>.
Câu 9: Trong nhiệm vụ 1 (Yêu cầu 1), bộ chọn lớp blue được khai báo để định dạng màu steelblue. Điều này có nghĩa là màu chữ của phần tử có lớp blue sẽ là màu steelblue. Bộ chọn này áp dụng cho những phần tử nào?
A. Chỉ các thẻ <p>.
B. Các phần tử có thuộc tính class=”blue”.
C. Chỉ các thẻ <h1>.
D. Tất cả các phần tử trong trang.
Câu 10: Trong nhiệm vụ 1 (Yêu cầu 2), một tiêu đề <h2> có lớp là red được sử dụng cho tiêu đề “Thông tin về người góp ý”. Điều này có nghĩa là màu chữ của tiêu đề <h2> đó sẽ là màu gì?
A. Màu xanh dương.
B. Màu vàng.
C. Màu đỏ.
D. Màu cam.
Câu 11: Một tiêu đề <h3> có lớp blue orangered sử dụng hai bộ chọn lớp. Màu chữ của tiêu đề này sẽ là gì, nếu không có quy tắc ưu tiên đặc biệt?
A. Màu của bộ chọn lớp cuối cùng được khai báo.
B. Màu blue (xanh dương).
C. Màu cam.
D. Màu đỏ.
Câu 12: Khi có nhiều bộ chọn lớp được áp dụng cho một phần tử (ví dụ: class=”blue orangered”), thứ tự các lớp trong thuộc tính class có ảnh hưởng đến kết quả định dạng không?
A. Có, thứ tự các lớp ảnh hưởng đến kết quả.
B. Không, thứ tự các lớp không ảnh hưởng đến kết quả.
C. Chỉ ảnh hưởng nếu có xung đột thuộc tính.
D. Chỉ ảnh hưởng nếu các lớp có độ ưu tiên khác nhau.
Câu 13: Một đoạn văn bản HTML có các mục tiêu đề <h1> với nội dung văn bản HTML gồm các phần tử của mục <h1>. Để khai báo CSS sử dụng bộ chọn phần tử cho các phần tử <h1> có màu chữ khác màu mặc định, bạn sẽ viết đoạn CSS như thế nào?
A. .h1 {color: red;}.
B. h1.red {color: red;}.
C. #h1 {color: red;}.
D. h1 {color: red;}.
Câu 14: Khi kết hợp khai báo bộ chọn lớp và bộ chọn định danh, điều nào sau đây là đúng về cách áp dụng CSS?
A. Bộ chọn lớp luôn ưu tiên hơn bộ chọn định danh.
B. Độ ưu tiên phụ thuộc vào vị trí khai báo trong tệp CSS.
C. Bộ chọn định danh luôn ưu tiên hơn bộ chọn lớp.
D. Cả hai có cùng độ ưu tiên.
Câu 15: Để thiết lập màu nền cho một trang web bằng bộ chọn lớp, ví dụ lightgrey, cú pháp nào sau đây là đúng?
A. body {background-color: lightgrey;}.
B. #bg {background-color: lightgrey;}.
C. body.bg {background-color: lightgrey;}.
D. .bg {background-color: lightgrey;}.
Câu 16: Một website cá nhân có các chương mục hiển thị trên trình duyệt như “Chương 1”, “Chương 2”, “Chương 3”, “Chương 4”. Để định dạng các tiêu đề này, ta có thể sử dụng bộ chọn nào?
A. Bộ chọn thẻ <h1> hoặc bộ chọn lớp/định danh.
B. Chỉ bộ chọn thẻ <h1>.
C. Chỉ bộ chọn lớp.
D. Chỉ bộ chọn định danh.
Câu 17: Bộ chọn nào sau đây có độ ưu tiên thấp nhất khi áp dụng CSS?
A. Bộ chọn định danh.
B. Bộ chọn thẻ HTML.
C. Bộ chọn lớp.
D. Bộ chọn thuộc tính.
Câu 18: Trong nhiệm vụ 2, để sửa văn bản HTML và định dạng theo bộ chọn định danh, tiêu đề “Đóng góp ý kiến cho thư viện của nhà trường” được định dạng với phông chữ Courier New, cỡ chữ 30px, màu lightsalmon. Thuộc tính nào sau đây đúng để định dạng cỡ chữ?
A. font-size: 30px;.
B. font-size: 30%;.
C. font-size: 30em;.
D. font-size: 30vw;.
Câu 19: Để khai báo thuộc tính class=”blue” cho phần tử input gửi dữ liệu, cú pháp HTML đúng là gì?
A. <input id=”blue”>.
B. <input name=”blue”>.
C. <input class=”blue”>.
D. <input type=”blue”>.
Câu 20: Trong ví dụ 3, các phần tử <p> có thuộc tính class=”blue” được trình bày bằng chữ màu xanh. Nếu một phần tử <p> không có khai báo thuộc tính class, màu chữ của nó sẽ là gì?
A. Màu xanh.
B. Màu mặc định của trình duyệt.
C. Màu đỏ.
D. Màu cam.
Câu 21: Một tiêu đề <h1> được định kiểu với color: red;. Nếu tiêu đề này cũng có một lớp (class=”red”) được định kiểu color: blue;, màu chữ cuối cùng sẽ là gì?
A. Màu đỏ.
B. Màu xanh (nếu !important).
C. Màu xanh.
D. Màu xanh (do thứ tự khai báo).
Câu 22: Để định dạng các phần tử <h1> và <p> có màu chữ khác nhau trong cùng một trang web, ta có thể sử dụng phương pháp nào?
A. Chỉ sử dụng thuộc tính style trực tiếp trong HTML.
B. Sử dụng bộ chọn lớp hoặc bộ chọn định danh.
C. Chỉ sử dụng bộ chọn thẻ.
D. Chỉ sử dụng tệp CSS bên ngoài.
Câu 23: Tên của bộ chọn lớp (.Tên_bộ_chọn_lớp) có thể bao gồm những kí tự nào?
A. Chỉ chữ cái và số.
B. Chỉ chữ cái và dấu gạch dưới.
C. Chỉ chữ cái, số và dấu gạch ngang.
D. Chữ cái, số, dấu gạch dưới, dấu gạch ngang.
Câu 24: Khi một trang web có nhiều phần tử cần định dạng riêng biệt, phương pháp CSS nào hiệu quả nhất để quản lí các kiểu định dạng?
A. Sử dụng bộ chọn lớp và bộ chọn định danh.
B. Sử dụng thuộc tính style trực tiếp trong HTML.
C. Sử dụng bộ chọn thẻ.
D. Chỉ sử dụng CSS nội tuyến.
Câu 25: Trong một tệp style.css bên ngoài, để khai báo bộ chọn lớp bg cho thiết lập màu nền lightgrey, cú pháp đúng là gì?
A. bg {background-color: lightgrey;}.
B. #bg {background-color: lightgrey;}.
C. .bg {background-color: lightgrey;}.
D. body.bg {background-color: lightgrey;}.
Câu 26: Để định kiểu cho nút submit trong trang web cá nhân, ta có thể gán cho nó một định danh (id) nào và định kiểu CSS tương ứng?
A. <button type=”submit” class=”submit”>.
B. <button type=”submit” id=”submit”>.
C. <button type=”submit” name=”submit”>.
D. <input type=”submit” data-id=”submit”>.
Câu 27: Khi sử dụng bộ chọn lớp và bộ chọn định danh, điều nào sau đây là đúng về cách áp dụng CSS?
A. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.
B. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.
C. Cả hai có cùng độ ưu tiên.
D. Độ ưu tiên phụ thuộc vào vị trí khai báo trong CSS.
Câu 28: Một học sinh muốn thiết kế một website cá nhân và cần định dạng màu sắc cho các tiêu đề (ví dụ: h1, h2) và các đoạn văn bản (p). Nên sử dụng phương pháp nào để CSS được áp dụng một cách hiệu quả?
A. Chỉ sử dụng CSS nội tuyến (inline CSS).
B. Chỉ sử dụng bộ chọn thẻ HTML.
C. Sử dụng bộ chọn lớp hoặc định danh để định kiểu.
D. Chỉ sử dụng JavaScript.
Câu 29: Trong một trang web, một phần tử có cả thuộc tính id và class. Nếu cả hai bộ chọn (ID selector và class selector) đều định kiểu cùng một thuộc tính (ví dụ: color), thuộc tính nào sẽ được ưu tiên áp dụng?
A. Thuộc tính của bộ chọn lớp.
B. Thuộc tính của bộ chọn thẻ.
C. Thuộc tính được khai báo sau cùng.
D. Thuộc tính của bộ chọn định danh.
Câu 30: Để định dạng các thành phần trên một website cá nhân, ta có thể khai báo các quy tắc định dạng CSS cho phần tử body (ví dụ: màu nền, màu chữ). Điều này sẽ ảnh hưởng đến phạm vi nào của trang web?
A. Ảnh hưởng đến toàn bộ trang web.
B. Chỉ ảnh hưởng đến các tiêu đề chính.
C. Chỉ ảnh hưởng đến các đoạn văn bản.
D. Chỉ ảnh hưởng đến các liên kết.
