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
1. Selector "h1, h2, h3" sẽ áp dụng kiểu cho những phần tử nào?
A. Tất cả các thẻ "h1", "h2", và "h3".
B. Chỉ các thẻ "h1" có class "h2" hoặc "h3".
C. Các thẻ "h1" có chứa thẻ "h2" hoặc "h3".
D. Tất cả các thẻ có tên là "h1", "h2", "h3".
2. Thuộc tính "box-sizing: border-box;" có ảnh hưởng như thế nào đến chiều rộng và chiều cao của phần tử?
A. Bao gồm padding và border vào tổng chiều rộng và chiều cao đã định.
B. Chỉ tính padding vào tổng chiều rộng và chiều cao đã định.
C. Chỉ tính border vào tổng chiều rộng và chiều cao đã định.
D. Không ảnh hưởng đến chiều rộng và chiều cao đã định.
3. Đâu là cách viết đúng để chọn tất cả các thẻ "a" mà thuộc tính "href" của nó bắt đầu bằng "https://"?
A. a[href^="https://"]
B. a[href*="https://"]
C. a[href$="https://"]
D. a[href="https://"]
4. Thuộc tính "width" trong CSS dùng để định nghĩa gì cho phần tử?
A. Chiều rộng của phần tử.
B. Chiều cao của phần tử.
C. Độ dày của đường viền.
D. Khoảng cách lề ngoài.
5. Selector nào sau đây sẽ áp dụng kiểu cho phần tử "div" có "id" là "main-content"?
A. #main-content
B. .main-content
C. div#main-content
D. main-content
6. Selector "a:hover" dùng để làm gì?
A. Áp dụng kiểu khi người dùng rê chuột lên trên phần tử "a".
B. Áp dụng kiểu cho phần tử "a" đầu tiên trên trang.
C. Áp dụng kiểu cho tất cả các phần tử "a".
D. Áp dụng kiểu cho phần tử "a" đã được truy cập.
7. Thuộc tính "border-collapse" trong CSS được sử dụng cho mục đích gì?
A. Kiểm soát cách các đường viền của ô trong bảng được hiển thị (hợp nhất hay tách rời).
B. Thay đổi độ dày của đường viền.
C. Thiết lập kiểu dáng cho đường viền.
D. Tạo hiệu ứng đổ bóng cho đường viền.
8. Selector "[class*="button"]" sẽ chọn những phần tử nào?
A. Tất cả các phần tử có class chứa chuỗi "button".
B. Tất cả các phần tử có class bắt đầu bằng "button".
C. Tất cả các phần tử có class kết thúc bằng "button".
D. Tất cả các phần tử có class chính xác là "button".
9. Selector "input[type="checkbox"]:checked" sẽ chọn gì?
A. Các ô chọn (checkbox) đã được chọn.
B. Tất cả các ô chọn.
C. Các ô chọn chưa được chọn.
D. Các ô nhập văn bản.
10. Thuộc tính "margin-left: auto;" thường được sử dụng để làm gì trong CSS khi phần tử có "display: block;"?
A. Căn giữa phần tử theo chiều ngang trong phần tử cha của nó.
B. Căn lề trái của phần tử.
C. Căn lề phải của phần tử.
D. Tạo khoảng cách lề trái tự động.
11. Selector "a[target="_blank"]" sẽ chọn những phần tử nào?
A. Tất cả các thẻ "a" có thuộc tính "target" với giá trị chính xác là "_blank".
B. Tất cả các thẻ "a" có thuộc tính "target" chứa chuỗi "_blank".
C. Tất cả các thẻ "a" có thuộc tính "target" bắt đầu bằng "_blank".
D. Tất cả các thẻ "a" có thuộc tính "target" kết thúc bằng "_blank".
12. Trong CSS, thuộc tính nào được sử dụng để kiểm soát việc hiển thị nội dung bị tràn ra khỏi hộp của một phần tử?
A. overflow
B. clip
C. display
D. visibility
13. Thuộc tính "position: absolute;" trong CSS có ý nghĩa gì?
A. Phần tử được định vị tương đối với phần tử cha không được định vị (static) hoặc phần tử cha được định vị.
B. Phần tử được định vị tương đối với phần tử cha gần nhất có thuộc tính "position" khác "static".
C. Phần tử được định vị theo luồng văn bản thông thường.
D. Phần tử sẽ cố định vị trí trên viewport ngay cả khi cuộn trang.
14. Thuộc tính "font-weight" trong CSS dùng để làm gì?
A. Định dạng độ đậm của chữ (ví dụ: bold, normal).
B. Định dạng kiểu chữ nghiêng (italic).
C. Định dạng kích thước chữ.
D. Định dạng kiểu gạch chân chữ.
15. Thuộc tính CSS nào dùng để định khoảng cách giữa viền của phần tử và nội dung bên trong nó?
A. padding
B. margin
C. border
D. outline
16. Selector "ul li:first-child" chọn gì?
A. Phần tử "li" đầu tiên bên trong một thẻ "ul".
B. Phần tử "ul" đầu tiên bên trong một thẻ "li".
C. Tất cả các phần tử "li" bên trong một thẻ "ul".
D. Phần tử "li" có class "first-child" bên trong "ul".
17. Selector ".sidebar + div" sẽ chọn phần tử "div" nào?
A. Phần tử "div" đứng ngay sau một phần tử có class "sidebar" và cùng cấp cha.
B. Tất cả các phần tử "div" nằm trong một phần tử có class "sidebar".
C. Phần tử "div" đầu tiên xuất hiện sau bất kỳ phần tử nào có class "sidebar".
D. Phần tử "div" có class "sidebar".
18. Thuộc tính "opacity" trong CSS dùng để điều chỉnh mức độ gì của phần tử?
A. Độ trong suốt (transparency) của phần tử.
B. Độ đậm của chữ.
C. Độ lớn của phần tử.
D. Độ tương phản màu sắc.
19. Đâu là cách viết đúng để chọn tất cả các thẻ "p" có class là "intro" trong CSS?
A. p.intro
B. .intro p
C. p intro
D. #intro p
20. Để thay đổi màu nền của một phần tử thành màu xanh lam, bạn sẽ sử dụng thuộc tính CSS nào?
A. background-color
B. color
C. background
D. bg-color
21. Selector "div ~ p" sẽ chọn những phần tử nào?
A. Tất cả các thẻ "p" đứng sau một thẻ "div" và có cùng cha.
B. Chỉ thẻ "p" đứng ngay sau thẻ "div" và có cùng cha.
C. Tất cả các thẻ "p" bên trong một thẻ "div".
D. Tất cả các thẻ "div" đứng sau một thẻ "p".
22. Thuộc tính "display: none;" trong CSS có tác dụng gì?
A. Ẩn phần tử và nó không chiếm không gian trên trang.
B. Ẩn phần tử nhưng nó vẫn chiếm không gian trên trang.
C. Làm cho phần tử trong suốt.
D. Thay đổi font chữ của phần tử.
23. Selector "article > p" sẽ chọn những phần tử nào?
A. Tất cả các thẻ "p" nằm bên trong thẻ "article", bất kể cấp độ lồng nhau.
B. Chỉ những thẻ "p" là con trực tiếp của thẻ "article".
C. Tất cả các thẻ "p" có class "article".
D. Chỉ những thẻ "article" nằm bên trong thẻ "p".
24. Selector "input[type="text"]" sẽ chọn những phần tử nào?
A. Tất cả các thẻ "input" có thuộc tính "type" với giá trị chính xác là "text".
B. Tất cả các thẻ "input" có thuộc tính "type" chứa chuỗi "text".
C. Tất cả các thẻ "input" có thuộc tính "type" bắt đầu bằng "text".
D. Tất cả các thẻ "input" có thuộc tính "type" kết thúc bằng "text".
25. Thuộc tính "text-align: center;" sẽ làm gì với nội dung văn bản?
A. Căn giữa nội dung văn bản trong phần tử chứa nó.
B. Căn trái nội dung văn bản.
C. Căn phải nội dung văn bản.
D. Căn đều hai bên nội dung văn bản.
