Trắc nghiệm Tin học KHMT 12 chân trời sáng tạoTrắc nghiệm Khoa học máy tính 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 Khoa học máy tính 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 Khoa học máy tính 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 ID43996 Làm bài Câu 1 Để định kiểu cho một phần tử ngay sau một phần tử khác ở cùng cấp độ cha, ta sử dụng vùng chọn anh em liền kề nào? A Vùng chọn sử dụng dấu ngã (~) B Vùng chọn sử dụng dấu cộng (+) C Vùng chọn sử dụng khoảng trắng D Vùng chọn sử dụng dấu gạch ngang (-) Câu 2 Trong thứ tự ưu tiên (specificity) của CSS, vùng chọn nào sau đây có độ ưu tiên cao nhất? A Vùng chọn lớp (Class selector) B Vùng chọn định danh (ID selector) C Vùng chọn phần tử (Type selector) D Vùng chọn phổ biến (*) Câu 3 Sự khác biệt chính giữa lớp giả (pseudo-class) và phần tử giả (pseudo-element) là gì? A Lớp giả dùng để chọn trạng thái, phần tử giả dùng để định kiểu một phần cụ thể của phần tử B Lớp giả luôn có hai dấu hai chấm (::), phần tử giả có một dấu (:) C Không có sự khác biệt nào về chức năng D Lớp giả chỉ dùng cho thẻ a, phần tử giả dùng cho mọi thẻ Câu 4 Trong CSS, ký hiệu nào được sử dụng để đại diện cho vùng chọn hậu duệ (descendant selector) nhằm chọn tất cả các phần tử con bên trong một phần tử cha? A Dấu lớn hơn (>) B Dấu cộng (+) C Khoảng trắng D Dấu ngã (~) Câu 5 Làm thế nào để chọn một phần tử có thuộc tính 'target' bất kể giá trị của thuộc tính đó là gì trong CSS? A Sử dụng cú pháp [target] B Sử dụng cú pháp .target C Sử dụng cú pháp #target D Sử dụng cú pháp :target Câu 6 Để chèn nội dung vào trước nội dung của một phần tử bằng CSS, ta sử dụng phần tử giả nào? A ::after B ::before C ::inside D ::first-child Câu 7 Lớp giả ':nth-child(even)' có tác dụng gì khi áp dụng cho các hàng của một bảng (thẻ tr)? A Chọn tất cả các hàng ở vị trí lẻ B Chọn tất cả các hàng ở vị trí chẵn C Chỉ chọn hàng đầu tiên và hàng cuối cùng D Chọn các hàng không chứa dữ liệu Câu 8 Để định kiểu cho ký tự đầu tiên của mỗi đoạn văn (thẻ p), ta nên sử dụng phần tử giả (pseudo-element) nào? A ::first-line B ::first-letter C :first-child D :nth-of-type(1) Câu 9 Vùng chọn 'div > p' khác gì so với vùng chọn 'div p'? A 'div > p' chỉ chọn con trực tiếp, còn 'div p' chọn tất cả hậu duệ B 'div > p' chọn tất cả hậu duệ, còn 'div p' chỉ chọn con trực tiếp C 'div > p' chọn các phần tử anh em, còn 'div p' chọn các phần tử con D Cả hai đều có chức năng giống hệt nhau Câu 10 Lớp giả (pseudo-class) nào được sử dụng để định kiểu cho một phần tử khi người dùng di chuyển con trỏ chuột lên trên nó? A :active B :focus C :hover D :visited Câu 11 Ký hiệu dấu ngã (~) trong CSS được dùng cho loại vùng chọn nào sau đây? A Vùng chọn anh em chung (general sibling selector) B Vùng chọn hậu duệ C Vùng chọn con trực tiếp D Vùng chọn thuộc tính Câu 12 Vùng chọn con trực tiếp (child selector) trong CSS sử dụng ký hiệu nào để chỉ chọn các phần tử là con trực tiếp của phần tử cha? A Dấu lớn hơn (>) B Dấu phẩy (,) C Dấu chấm (.) D Dấu sao (*) Câu 13 Cú pháp '[class~="important"]' (có dấu ngã trước dấu bằng) trong vùng chọn thuộc tính có nghĩa là gì? A Chọn các phần tử có tên lớp bắt đầu bằng important B Chọn các phần tử có tên lớp chứa từ important trong một danh sách các từ cách nhau bởi khoảng trắng C Chọn các phần tử có tên lớp chứa chuỗi important ở bất kỳ đâu D Chọn các phần tử có tên lớp kết thúc bằng important Câu 14 Lớp giả ':not(p)' sẽ thực hiện công việc gì? A Chọn tất cả các thẻ p trên trang B Chọn tất cả các phần tử không phải là thẻ p C Chọn các thẻ p không có nội dung D Hủy bỏ định kiểu của tất cả các thẻ p Câu 15 Cú pháp '[href^="https"]' trong CSS có ý nghĩa gì khi định kiểu cho thẻ liên kết? A Chọn các liên kết có thuộc tính href chứa chuỗi https B Chọn các liên kết có thuộc tính href kết thúc bằng https C Chọn các liên kết có thuộc tính href bắt đầu bằng https D Chọn các liên kết có thuộc tính href bằng chính xác https Câu 16 Khi sử dụng phần tử giả '::before' hoặc '::after', thuộc tính nào sau đây là bắt buộc phải có để hiển thị? A display B content C position D visibility Câu 17 Lớp giả ':first-of-type' dùng để làm gì? A Chọn phần tử đầu tiên của cha nó bất kể loại phần tử B Chọn phần tử đầu tiên của loại đó trong số các anh em của nó C Chọn phần tử cuối cùng của loại đó trong trang web D Chỉ chọn phần tử có chứa văn bản đầu tiên Câu 18 Vùng chọn 'a[title*="flower"]' sẽ chọn những phần tử nào sau đây? A Thẻ a có thuộc tính title chứa từ flower ở bất kỳ vị trí nào B Thẻ a có thuộc tính title bắt đầu bằng từ flower C Thẻ a có thuộc tính title kết thúc bằng từ flower D Thẻ a có thuộc tính title chỉ gồm duy nhất từ flower Câu 19 Lớp giả ':focus' thường được áp dụng hiệu quả nhất cho đối tượng nào? A Các thẻ tiêu đề h1 đến h6 B Các phần tử có thể nhận tiêu điểm như input, textarea, hoặc liên kết C Các thẻ hình ảnh img D Toàn bộ thân trang web (thẻ body) Câu 20 Để chọn các phần tử có thuộc tính kết thúc bằng một giá trị cụ thể, ta sử dụng ký hiệu nào trong vùng chọn thuộc tính? A Ký hiệu dấu sao (*=) B Ký hiệu dấu đô la ($=) C Ký hiệu dấu mũ (^=) D Ký hiệu dấu gạch đứng (|=) Câu 21 Giả sử có cấu trúc 'div p', quy tắc CSS này sẽ tác động đến những phần tử nào? A Chỉ các thẻ p là con đầu tiên của thẻ div B Tất cả các thẻ p nằm bên trong thẻ div, kể cả con và cháu C Chỉ các thẻ p nằm ngay sau thẻ div D Các thẻ p có cùng cấp độ với thẻ div Câu 22 Để định kiểu cho các thẻ input đang ở trạng thái bị vô hiệu hóa, ta sử dụng lớp giả nào? A :enabled B :disabled C :checked D :invalid Câu 23 Vùng chọn 'ul li:first-child' sẽ tác động đến phần tử nào? A Tất cả các thẻ li trong danh sách ul B Thẻ li đầu tiên của mỗi danh sách ul C Thẻ li cuối cùng của mỗi danh sách ul D Chỉ thẻ li đầu tiên của danh sách ul đầu tiên trên trang Câu 24 Trong CSS3, phần tử giả (pseudo-element) thường được phân biệt với lớp giả bằng cách sử dụng ký hiệu nào? A Một dấu hai chấm (:) B Hai dấu hai chấm (::) C Một dấu gạch dưới (_) D Hai dấu gạch nối (--) Câu 25 Vùng chọn 'h1, p, span' (cách nhau bởi dấu phẩy) có ý nghĩa gì trong CSS? A Chọn các thẻ p nằm trong h1 và các thẻ span nằm trong p B Nhóm các vùng chọn để áp dụng cùng một bộ quy tắc định kiểu cho nhiều phần tử C Chỉ chọn các phần tử chứa đồng thời cả ba loại thẻ trên D Chọn các thẻ h1 là anh em của thẻ p và thẻ span Trắc nghiệm Khoa học máy tính 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 Khoa học máy tính 12 Chân trời bài F10: Định kiểu CSS cho siêu liên kết và danh sách
