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 giúp bạn ôn tập kiến thức một cách có hệ thống thông qua nội dung bám sát chương trình học. Các câu hỏi được sắp xếp từ dễ đến khó giúp bạn không bị quá tải. Đặc biệt phù hợp với học sinh muốn cải thiện điểm số. Thông qua quá trình làm bài, bạn có thể nhận ra lỗ hổng kiến thức. Điều này giúp việc học trở nên tiết kiệm thời gian hơn.
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
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: 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?
- - Định kiểu cho các hàng có số thứ tự lẻ
- - Định kiểu cho cột đầu tiên của bảng
- - Định kiểu cho hàng cuối cùng của bảng
- - Định kiểu cho các hàng có số thứ tự chẵn
Câu 2: Kí tự nào được sử dụng để bắt đầu một vùng chọn lớp (class selector) trong CSS?
- - Ký hiệu dấu thăng
- - Ký hiệu dấu lớn hơn
- - Ký hiệu dấu chấm
- - Ký hiệu dấu sao
Câu 3: 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ì?
- - ':first-child' có độ ưu tiên cao hơn do xuất hiện trước trong chuẩn CSS
- - Không có sự khác biệt, chúng hoạt động hoàn toàn giống hệt nhau
- - ':first-child' chỉ dùng riêng cho thẻ p, còn ':first-of-type' dùng cho thẻ div
- - ':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 4: Để 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?
- - Vùng chọn div:void
- - Vùng chọn div:empty
- - Vùng chọn div:blank
- - Vùng chọn div:null
Câu 5: 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ử?
- - Chọn thẻ p nằm trong thẻ có lớp 'highlight'
- - Chọn thẻ có lớp 'highlight' nằm trong thẻ p
- - Chọn các thẻ p có chứa thuộc tính lớp 'highlight'
- - Chọn mọi thẻ p và mọi thẻ có lớp 'highlight' bất kỳ
Câu 6: 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?
- - Vùng chọn anh em liền kề
- - Vùng chọn nhóm
- - Vùng chọn con trực tiếp
- - Vùng chọn hậu duệ
Câu 7: 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?
- - Tất cả các thẻ li nằm bên trong thẻ ul
- - Chỉ các thẻ li là con trực tiếp của thẻ ul
- - Chỉ thẻ li đầu tiên nằm trong thẻ ul
- - Các thẻ li nằm ngay sau thẻ ul
Câu 8: 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?
- - Thuộc tính href chứa chuỗi 'https' ở vị trí bất kỳ
- - Thuộc tính href bắt đầu bằng chuỗi 'https'
- - Thuộc tính href kết thúc bằng chuỗi 'https'
- - Thuộc tính href có giá trị bằng đúng 'https'
Câu 9: 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ó?
- - Lớp giả :visited
- - Lớp giả :hover
- - Lớp giả :focus
- - Lớp giả :active
Câu 10: 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)?
- - Vùng chọn thẻ HTML
- - Vùng chọn ID
- - Vùng chọn toàn cục
- - Vùng chọn lớp
Câu 11: 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?
- - Vùng chọn phần tử giả
- - Vùng chọn lớp giả
- - Vùng chọn thuộc tính
- - Vùng chọn kiểu cơ bản
Câu 12: 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?
- - Trạng thái :active
- - Trạng thái :focus
- - Trạng thái :hover
- - Trạng thái :checked
Câu 13: 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?
- - Cú pháp .btn.primary.small
- - Cú pháp .btn
- - Cú pháp .btn.primary.large
- - Cú pháp .primary.large
Câu 14: 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?
- - Vùng chọn con trực tiếp với dấu lớn hơn
- - Vùng chọn anh em tổng quát với dấu ngã
- - Vùng chọn anh em liền kề với dấu cộng
- - Vùng chọn hậu duệ với khoảng trắng
Câu 15: 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'?
- - Sử dụng cú pháp a[href$='.pdf']
- - Sử dụng cú pháp a[href='.pdf']
- - Sử dụng cú pháp a[href*='.pdf']
- - Sử dụng cú pháp a[href^='.pdf']
Câu 16: 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?
- - Vùng chọn lớp
- - Vùng chọn phần tử
- - Vùng chọn con
- - Vùng chọn toàn cục
Câu 17: 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?
- - Cả hai quy tắc đều bị hủy bỏ để tránh lỗi
- - Quy tắc được viết đầu tiên trong mã CSS sẽ thắng
- - Quy tắc có tên bộ chọn ngắn hơn sẽ được ưu tiên
- - Quy tắc được viết sau cùng trong mã CSS sẽ được áp dụng
Câu 18: Để 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?
- - Phần tử giả ::first-letter
- - Phần tử giả ::after
- - Phần tử giả ::first-line
- - Phần tử giả ::before
Câu 19: 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?
- - Chọn tất cả các thẻ p cùng cấp và nằm phía sau thẻ h1
- - Chọn thẻ p nằm ngay sát sau thẻ h1
- - Chọn thẻ p đầu tiên của trang web
- - Chọn tất cả thẻ p nằm bên trong thẻ h1
Câu 20: 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?
- - Ký hiệu dấu ngã
- - Ký hiệu dấu thăng
- - Ký hiệu dấu cộng
- - Ký hiệu dấu chấm
Câu 21: Để á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?
- - Dấu chấm phẩy
- - Dấu cách
- - Dấu phẩy
- - Dấu cộng
Câu 22: 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?
- - Tất cả các thẻ có lớp 'highlight' nhưng không phải thẻ p
- - Chỉ những thẻ p có chứa lớp 'highlight'
- - Tất cả các thẻ p ngoại trừ những thẻ có chứa lớp 'highlight'
- - Tất cả các thẻ HTML ngoại trừ thẻ p
Câu 23: 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?
- - Tên lớp và ID có phân biệt chữ hoa chữ thường
- - Tên lớp hoặc ID có thể bắt đầu bằng một chữ số
- - Tên không được chứa khoảng trắng ở giữa
- - Có thể sử dụng dấu gạch ngang (-) bên trong tên
Câu 24: Để 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?
- - Lớp giả :first-child
- - Lớp giả :empty
- - Lớp giả :root
- - Lớp giả :target
Câu 25: 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ì?
- - Màu xanh dương
- - Màu đỏ
- - Màu đen mặc định
- - Màu xanh lá cây