Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạoTrắc nghiệm Tin học ứng dụng 12 Chân trời bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS Đăng vào 3 Tháng 5, 2026 bởi admin Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS Số câu25Quiz ID40776 Làm bài Câu 1 Theo nguyên tắc xếp tầng (Cascade), nếu hai quy tắc CSS cùng nhắm một phần tử, có độ ưu tiên bằng nhau nhưng khai báo giá trị khác nhau cho cùng một thuộc tính, trình duyệt sẽ xử lý thế nào? A Cả hai quy tắc đều bị hủy bỏ để tránh lỗi B Quy tắc được viết đầu tiên trong mã CSS sẽ thắng C Quy tắc có tên bộ chọn ngắn hơn sẽ được ưu tiên D Quy tắc được viết sau cùng trong mã CSS sẽ được áp dụng Câu 2 Để tự động dọn dẹp giao diện bằng cách ẩn đi tất cả các thẻ div hoàn toàn trống rỗng (không chứa chữ hay phần tử con nào), ta kết hợp 'display: none' với vùng chọn nào? A Vùng chọn div:void B Vùng chọn div:empty C Vùng chọn div:blank D Vùng chọn div:null Câu 3 Lớp giả (pseudo-class) nào thường được sử dụng nhất để thay đổi màu sắc hoặc kiểu dáng của một nút bấm khi người dùng di con trỏ chuột qua nó? A Lớp giả :visited B Lớp giả :hover C Lớp giả :focus D Lớp giả :active Câu 4 Để tự động chèn thêm một biểu tượng hoặc đoạn văn bản vào ngay trước nội dung thực tế của một phần tử thông qua CSS, nhà phát triển sử dụng phần tử giả nào? A Phần tử giả ::first-letter B Phần tử giả ::after C Phần tử giả ::first-line D Phần tử giả ::before Câu 5 Sự khác biệt cốt lõi về mặt logic giữa hai lớp giả cấu trúc ':first-child' và ':first-of-type' là gì? A ':first-child' có độ ưu tiên cao hơn do xuất hiện trước trong chuẩn CSS B Không có sự khác biệt, chúng hoạt động hoàn toàn giống hệt nhau C ':first-child' chỉ dùng riêng cho thẻ p, còn ':first-of-type' dùng cho thẻ div D ':first-of-type' chọn phần tử đầu tiên cùng loại, còn ':first-child' yêu cầu nó phải là phần tử con đầu tiên bất kể loại gì Câu 6 Để áp dụng cùng một bộ quy tắc CSS cho nhiều vùng chọn khác nhau nhằm tối ưu hóa mã nguồn, ta sử dụng dấu gì để ngăn cách giữa các vùng chọn? A Dấu chấm phẩy B Dấu cách C Dấu phẩy D Dấu cộng Câu 7 Để khai báo các biến CSS (Custom Properties) có phạm vi toàn cục với mức độ ưu tiên cao hơn thẻ 'html', các lập trình viên thường đặt chúng trong vùng chọn lớp giả nào? A Lớp giả :first-child B Lớp giả :empty C Lớp giả :root D Lớp giả :target Câu 8 Trong cú pháp CSS, vùng chọn ID (ID selector) dùng để nhắm mục tiêu một phần tử duy nhất được định nghĩa bằng kí tự nào đứng trước tên ID? A Ký hiệu dấu ngã B Ký hiệu dấu thăng C Ký hiệu dấu cộng D Ký hiệu dấu chấm Câu 9 Khẳng định nào sau đây là SAI khi nói về quy tắc đặt tên hợp lệ cho các vùng chọn Lớp (Class) và ID trong ngôn ngữ CSS? A Tên lớp và ID có phân biệt chữ hoa chữ thường B Tên lớp hoặc ID có thể bắt đầu bằng một chữ số C Tên không được chứa khoảng trắng ở giữa D Có thể sử dụng dấu gạch ngang (-) bên trong tên Câu 10 Việc viết liền tên thẻ và tên lớp không có khoảng trắng như cú pháp 'p.highlight' mang ý nghĩa gì trong việc chọn lọc phần tử? A Chọn thẻ p nằm trong thẻ có lớp 'highlight' B Chọn thẻ có lớp 'highlight' nằm trong thẻ p C Chọn các thẻ p có chứa thuộc tính lớp 'highlight' D Chọn mọi thẻ p và mọi thẻ có lớp 'highlight' bất kỳ Câu 11 Ký hiệu dấu ngã trong cú pháp vùng chọn 'h1 ~ p' mang ý nghĩa gì khi trình duyệt áp dụng mã CSS? A Chọn tất cả các thẻ p cùng cấp và nằm phía sau thẻ h1 B Chọn thẻ p nằm ngay sát sau thẻ h1 C Chọn thẻ p đầu tiên của trang web D Chọn tất cả thẻ p nằm bên trong thẻ h1 Câu 12 Vùng chọn nào sau đây có chức năng áp dụng một bộ quy tắc kiểu trình bày cho tất cả các phần tử hiện diện trên trang web? A Vùng chọn lớp B Vùng chọn phần tử C Vùng chọn con D Vùng chọn toàn cục Câu 13 Trong quá trình điền form, khi người dùng nhấp chuột vào một ô nhập liệu (thẻ input) để bắt đầu gõ văn bản, ô đó sẽ kích hoạt trạng thái lớp giả nào? A Trạng thái :active B Trạng thái :focus C Trạng thái :hover D Trạng thái :checked Câu 14 Cú pháp vùng chọn 'tr:nth-child(even)' thường được ứng dụng để thực hiện việc gì trên cấu trúc của một bảng dữ liệu HTML? A Định kiểu cho các hàng có số thứ tự lẻ B Định kiểu cho cột đầu tiên của bảng C Định kiểu cho hàng cuối cùng của bảng D Định kiểu cho các hàng có số thứ tự chẵn Câu 15 Cho một phần tử HTML có khai báo thuộc tính class='btn primary large'. Cú pháp vùng chọn CSS nào sau đây sẽ KHÔNG nhắm trúng mục tiêu phần tử này? A Cú pháp .btn.primary.small B Cú pháp .btn C Cú pháp .btn.primary.large D Cú pháp .primary.large Câu 16 Cú pháp 'div p' (có khoảng trắng ở giữa) trong CSS đại diện cho kĩ thuật định kiểu bằng loại vùng chọn nào? A Vùng chọn anh em liền kề B Vùng chọn nhóm C Vùng chọn con trực tiếp D Vùng chọn hậu duệ Câu 17 Vùng chọn sử dụng dấu lớn hơn như 'ul > li' sẽ có tác dụng định kiểu chính xác cho những phần tử nào trong cấu trúc HTML? A Tất cả các thẻ li nằm bên trong thẻ ul B Chỉ các thẻ li là con trực tiếp của thẻ ul C Chỉ thẻ li đầu tiên nằm trong thẻ ul D Các thẻ li nằm ngay sau thẻ ul Câu 18 Vùng chọn lớp giả phủ định có cú pháp 'p:not(.highlight)' sẽ áp dụng các quy tắc CSS cho tập hợp phần tử nào trên trang? A Tất cả các thẻ có lớp 'highlight' nhưng không phải thẻ p B Chỉ những thẻ p có chứa lớp 'highlight' C Tất cả các thẻ p ngoại trừ những thẻ có chứa lớp 'highlight' D Tất cả các thẻ HTML ngoại trừ thẻ p Câu 19 Kỹ thuật sử dụng vùng chọn thuộc tính nào sau đây là tối ưu nhất để thêm một biểu tượng PDF vào bên cạnh tất cả các liên kết tải xuống tệp có đuôi '.pdf'? A Sử dụng cú pháp a[href$='.pdf'] B Sử dụng cú pháp a[href='.pdf'] C Sử dụng cú pháp a[href*='.pdf'] D Sử dụng cú pháp a[href^='.pdf'] Câu 20 Trong cơ chế tính toán độ ưu tiên (specificity) của CSS, loại vùng chọn nào sau đây có trọng số cao nhất khi xảy ra xung đột kiểu dáng (không xét thuộc tính !important)? A Vùng chọn thẻ HTML B Vùng chọn ID C Vùng chọn toàn cục D Vùng chọn lớp Câu 21 Kí tự nào được sử dụng để bắt đầu một vùng chọn lớp (class selector) trong CSS? A Ký hiệu dấu thăng B Ký hiệu dấu lớn hơn C Ký hiệu dấu chấm D Ký hiệu dấu sao Câu 22 Vùng chọn nào sau đây được sử dụng để chọn phần tử xuất hiện ngay sát sau một phần tử khác ở cùng một cấp độ DOM? A Vùng chọn con trực tiếp với dấu lớn hơn B Vùng chọn anh em tổng quát với dấu ngã C Vùng chọn anh em liền kề với dấu cộng D Vùng chọn hậu duệ với khoảng trắng Câu 23 Giả sử một thẻ p có id là 'intro' và class là 'text-red'. Nếu có 3 quy tắc CSS đồng thời tác động: 'p {color: blue}', '.text-red {color: red}' và '#intro {color: green}', văn bản cuối cùng sẽ hiển thị màu gì? A Màu xanh dương B Màu đỏ C Màu đen mặc định D Màu xanh lá cây Câu 24 Vùng chọn có cú pháp '[type='text']' thuộc phân loại kĩ thuật định kiểu nào trong bộ tiêu chuẩn CSS? A Vùng chọn phần tử giả B Vùng chọn lớp giả C Vùng chọn thuộc tính D Vùng chọn kiểu cơ bản Câu 25 Kỹ thuật sử dụng vùng chọn '[href^='https']' dùng để nhắm mục tiêu đến các thẻ liên kết (thẻ a) thỏa mãn chính xác điều kiện nào? A Thuộc tính href chứa chuỗi 'https' ở vị trí bất kỳ B Thuộc tính href bắt đầu bằng chuỗi 'https' C Thuộc tính href kết thúc bằng chuỗi 'https' D Thuộc tính href có giá trị bằng đúng 'https' Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F8: Một số thuộc tính cơ bản của CSS Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F10: Định kiểu CSS cho siêu liên kết và danh sách
