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
1. Nếu bạn muốn định kiểu cho tất cả các phần tử `span` là con trực tiếp của một phần tử có ID là "main-content", bạn sẽ sử dụng bộ chọn nào?
A. #main-content span
B. #main-content > span
C. #main-content + span
D. #main-content ~ span
2. Trong CSS, bộ chọn nào cho phép bạn nhắm mục tiêu đến một phần tử con trực tiếp của một phần tử khác?
A. Bộ chọn hậu duệ (Descendant selector)
B. Bộ chọn con trực tiếp (Child selector)
C. Bộ chọn anh em liền kề (Adjacent sibling selector)
D. Bộ chọn ký tự đại diện (Universal selector)
3. Bộ chọn nào trong CSS cho phép định kiểu cho tất cả các phần tử có cùng một lớp (class) được gán cho chúng?
A. Bộ chọn phần tử (Element selector)
B. Bộ chọn ID (ID selector)
C. Bộ chọn lớp (Class selector)
D. Bộ chọn hậu duệ (Descendant selector)
4. Thuộc tính CSS "text-align" dùng để làm gì?
A. Thay đổi khoảng cách giữa các dòng.
B. Căn chỉnh nội dung văn bản theo chiều ngang.
C. Thay đổi kiểu dáng của chữ.
D. Định dạng màu nền cho phần tử.
5. Khi bạn muốn định kiểu cho một phần tử `h2` chỉ khi nó đứng ngay sau một phần tử `h1` trên cùng cấp độ, bạn sẽ sử dụng bộ chọn nào?
A. h1 h2
B. h1 > h2
C. h1 + h2
D. h1 ~ h2
6. Thuộc tính `font-weight` trong CSS được sử dụng để làm gì?
A. Thay đổi kiểu chữ (ví dụ: nghiêng).
B. Thay đổi độ đậm nhạt của chữ.
C. Thay đổi họ font chữ.
D. Thay đổi khoảng cách giữa các ký tự.
7. Đâu là bộ chọn CSS cho phép nhắm mục tiêu đến một phần tử dựa trên giá trị của một thuộc tính cụ thể của nó?
A. Bộ chọn lớp (Class selector)
B. Bộ chọn ID (ID selector)
C. Bộ chọn thuộc tính (Attribute selector)
D. Bộ chọn ký tự đại diện (Universal selector)
8. Bộ chọn CSS nào sẽ áp dụng kiểu cho tất cả các phần tử `img` có thuộc tính `alt`?
A. img
B. img[alt]
C. img:has(alt)
D. img.alt
9. Bộ chọn CSS nào sẽ chọn tất cả các phần tử `p` là anh em liền kề ngay sau một phần tử `div`?
A. div p
B. div > p
C. div + p
D. div ~ p
10. Bộ chọn CSS nào sẽ áp dụng kiểu cho tất cả các thẻ "li" có thuộc tính "class" bắt đầu bằng "item-"?
A. li[class="item-"]
B. li[class^="item-"]
C. li[class$="item-"]
D. li[class*="item-"]
11. Thuộc tính `text-decoration` trong CSS có thể được sử dụng để thêm, xóa hoặc thay đổi loại gạch chân dưới văn bản, ví dụ như "underline", "none", "overline". Giá trị "none" dùng để làm gì?
A. Thêm gạch chân dưới văn bản.
B. Xóa bỏ gạch chân dưới văn bản.
C. Gạch ngang văn bản.
D. Gạch trên văn bản.
12. Thuộc tính CSS nào được dùng để thay đổi kích thước font chữ của văn bản?
A. font-weight
B. font-style
C. font-family
D. font-size
13. Bộ chọn CSS nào sẽ áp dụng kiểu cho tất cả các phần tử `p` có thuộc tính `class` chứa từ "info"?
A. p[class="info"]
B. p[class^="info"]
C. p[class$="info"]
D. p[class*="info"]
14. Khi định kiểu cho một phần tử với một ID duy nhất, bộ chọn CSS nào được sử dụng?
A. Sử dụng dấu chấm (".")
B. Sử dụng dấu thăng ("#")
C. Sử dụng dấu hai chấm (":")
D. Sử dụng dấu ngoặc nhọn ("{}")
15. Nếu bạn muốn định kiểu cho một phần tử "a" chỉ khi nó là con trực tiếp của một thẻ "nav", bạn sẽ sử dụng bộ chọn nào?
A. nav a
B. nav > a
C. nav + a
D. nav ~ a
16. Bộ chọn CSS nào sẽ áp dụng kiểu cho tất cả các thẻ "p" nằm bên trong một thẻ "div" bất kể cấp độ lồng nhau?
A. div > p
B. div + p
C. div ~ p
D. div p
17. Bộ chọn CSS nào sẽ áp dụng kiểu cho tất cả các phần tử có thuộc tính "data-*" bất kỳ?
A. *[data-*]
B. [data-*]
C. data-*
D. *[data-]
18. Khi bạn muốn định kiểu cho tất cả các phần tử `a` nằm trong một danh sách không có thứ tự (`ul`), bạn sẽ sử dụng bộ chọn nào?
A. ul + a
B. ul > a
C. ul a
D. ul ~ a
19. Thuộc tính CSS `font-family` dùng để làm gì?
A. Thay đổi kích thước font.
B. Thay đổi màu sắc font.
C. Thay đổi kiểu chữ (nghiêng, đậm).
D. Thay đổi họ font chữ.
20. Thuộc tính `line-height` trong CSS dùng để điều chỉnh gì?
A. Khoảng cách giữa các ký tự.
B. Khoảng cách giữa các từ.
C. Khoảng cách giữa các dòng văn bản.
D. Độ đậm của chữ.
21. Đâu là bộ chọn CSS dùng để định kiểu cho một phần tử dựa trên giá trị chính xác của một thuộc tính?
A. Bộ chọn thuộc tính chỉ có sự hiện diện (Attribute selector - presence)
B. Bộ chọn thuộc tính có giá trị cụ thể (Attribute selector - exact value)
C. Bộ chọn thuộc tính có giá trị bắt đầu bằng (Attribute selector - starts with)
D. Bộ chọn thuộc tính có giá trị kết thúc bằng (Attribute selector - ends with)
22. Thuộc tính `letter-spacing` trong CSS được dùng để làm gì?
A. Điều chỉnh khoảng cách giữa các dòng.
B. Điều chỉnh khoảng cách giữa các từ.
C. Điều chỉnh khoảng cách giữa các ký tự.
D. Thay đổi độ nghiêng của chữ.
23. Khi bạn muốn định kiểu cho tất cả các phần tử `p` là anh em của một phần tử `div` (bao gồm cả các phần tử đứng trước và sau), bạn sẽ sử dụng bộ chọn nào?
A. div + p
B. div ~ p
C. div > p
D. div p
24. Bộ chọn CSS nào sẽ áp dụng kiểu cho tất cả các thẻ "a" có thuộc tính "href" kết thúc bằng ".html"?
A. a[href="*.html"]
B. a[href^="*.html"]
C. a[href$=".html"]
D. a[href*="*.html"]
25. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của văn bản?
A. background-color
B. font-size
C. color
D. text-align
