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