[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F10: Định kiểu CSS cho siêu liên kết và danh sách
1. Khi bạn muốn một danh sách (ví dụ: `ol`) hiển thị các số La Mã thay vì số Ả Rập, bạn sẽ sử dụng giá trị nào cho list-style-type?
A. decimal
B. lower-roman
C. upper-roman
D. alpha
2. Bạn muốn các siêu liên kết có gạch chân màu đỏ thay vì màu mặc định của văn bản. Thuộc tính CSS nào nên được sử dụng?
A. text-decoration-color
B. underline-color
C. border-bottom-color
D. text-decoration: red;
3. Thuộc tính list-style-position trong CSS dùng để làm gì?
A. Xác định vị trí của dấu đầu dòng so với nội dung mục danh sách (bên trong hay bên ngoài).
B. Canh lề văn bản của các mục danh sách.
C. Thay đổi khoảng cách giữa các dấu đầu dòng.
D. Xác định loại dấu đầu dòng.
4. Giả sử bạn có một đoạn mã CSS: `a:link { color: blue; }`. Điều này có nghĩa là gì?
A. Tất cả các siêu liên kết sẽ có màu xanh dương.
B. Các siêu liên kết chưa được truy cập sẽ có màu xanh dương.
C. Các siêu liên kết đã được truy cập sẽ có màu xanh dương.
D. Tất cả các siêu liên kết sẽ có màu xanh dương khi di chuột qua.
5. Khi định kiểu cho danh sách, thuộc tính list-style-type có chức năng gì?
A. Thay đổi màu sắc của các dấu đầu dòng.
B. Thay đổi kiểu dáng của các dấu đầu dòng (ví dụ: đĩa tròn, vuông, số).
C. Thay đổi khoảng cách giữa các mục trong danh sách.
D. Loại bỏ hoàn toàn các dấu đầu dòng.
6. Đâu là cách tốt nhất để áp dụng kiểu cho tất cả các phần tử `li` bên trong một danh sách có thứ tự (`ol`) có lớp `numbered-list`?
A. ol.numbered-list li { ... }
B. li.numbered-list { ... }
C. ol li.numbered-list { ... }
D. #numbered-list li { ... }
7. Nếu bạn muốn thiết lập một kiểu chung cho tất cả các trạng thái của siêu liên kết (link, visited, hover, active) bằng một bộ chọn duy nhất, bạn sẽ sử dụng bộ chọn nào?
A. a:link
B. a:visited
C. a:focus
D. a
8. Bạn muốn các siêu liên kết trong một phần cụ thể của trang web có màu xanh lá cây khi di chuột qua, trong khi các liên kết khác vẫn giữ màu mặc định. Bạn sẽ sử dụng bộ chọn nào?
A. a:hover { color: green; }
B. a { color: green; }
C. div a:hover { color: green; }
D. div:hover a { color: green; }
9. Đoạn mã CSS sau đây `ul { list-style-type: none; }` sẽ làm gì?
A. Thay đổi các dấu đầu dòng của danh sách thành hình tròn.
B. Loại bỏ tất cả các dấu đầu dòng khỏi danh sách.
C. Thay đổi kiểu hiển thị của danh sách thành danh sách có thứ tự.
D. Tăng khoảng cách giữa các mục danh sách.
10. Để loại bỏ gạch chân mặc định của siêu liên kết trong HTML bằng CSS, bạn sẽ sử dụng thuộc tính nào với giá trị none?
A. text-decoration
B. underline
C. border-bottom
D. link-style
11. Để tạo một danh sách không có thứ tự (ul) mà các mục của nó được hiển thị trên cùng một hàng thay vì theo chiều dọc, bạn sẽ áp dụng CSS nào?
A. li { display: inline; }
B. ul { display: inline-block; }
C. li { float: left; }
D. ul { flex-wrap: wrap; }
12. Lựa chọn CSS nào sau đây áp dụng kiểu chữ in đậm cho tất cả các mục trong một danh sách không có thứ tự (unordered list)?
A. ul { font-weight: bold; }
B. li { font-weight: bold; }
C. ul li { font-weight: bold; }
D. list-style: bold;
13. Đâu là giá trị hợp lệ của thuộc tính list-style-type cho một danh sách có thứ tự hiển thị theo kiểu chữ cái viết thường (a, b, c...)?
A. lower-alpha
B. alphabet
C. letters
D. lowercase
14. Làm thế nào để tạo một danh sách có các dấu đầu dòng là các ký tự nhỏ hơn (<)?
A. list-style-type: <;
B. list-style: <;
C. li::before { content: <; }
D. custom-list-marker: <;
15. Bạn muốn đặt các siêu liên kết có màu đỏ khi người dùng đã nhấp vào chúng. Lựa chọn CSS nào là đúng?
A. a:hover { color: red; }
B. a:active { color: red; }
C. a:visited { color: red; }
D. a:focus { color: red; }
16. Làm thế nào để bạn định kiểu cho tất cả các thẻ `` có một lớp CSS là menu-item?
A. li.menu-item { ... }
B. .menu-item { ... }
C. #menu-item { ... }
D. li #menu-item { ... }
18. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của văn bản trong một siêu liên kết khi người dùng rê chuột qua (hover state)?
A. color
B. background-color
C. text-decoration
D. font-weight
19. Nếu bạn muốn tất cả các siêu liên kết trên trang web của mình có màu tím sau khi đã được truy cập, bạn sẽ sử dụng bộ chọn nào?
A. a:link
B. a:visited
C. a:active
D. a:hover
20. Để tạo một danh sách có các dấu đầu dòng hình vuông, bạn sẽ sử dụng giá trị nào cho thuộc tính list-style-type?
A. disc
B. circle
C. square
D. decimal
21. Khi định kiểu cho một danh sách, làm thế nào để bạn thay đổi dấu đầu dòng mặc định của `ul` thành một hình ảnh tùy chỉnh (ví dụ: custom-bullet.png)?
A. list-style-image: url(custom-bullet.png);
B. background-image: url(custom-bullet.png);
C. list-bullet: url(custom-bullet.png);
D. marker-image: url(custom-bullet.png);
22. Nếu bạn muốn các siêu liên kết có màu xanh lam khi người dùng đang tập trung vào chúng (ví dụ: sau khi nhấn Tab để di chuyển đến liên kết đó), bạn sẽ sử dụng bộ chọn nào?
A. a:active
B. a:hover
C. a:visited
D. a:focus
23. Bạn muốn các siêu liên kết có viền bao quanh màu xanh lá cây khi người dùng di chuột qua. Bạn sẽ sử dụng những thuộc tính CSS nào?
A. a:hover { border: 1px solid green; }
B. a:hover { outline: 1px solid green; }
C. a:hover { border-color: green; }
D. a:hover { box-shadow: 0 0 0 1px green; }
24. Bạn muốn tất cả các siêu liên kết trong trang web có một hiệu ứng chuyển đổi mượt mà khi màu sắc thay đổi (ví dụ: khi hover). Bạn sẽ sử dụng thuộc tính nào?
A. transition
B. animation
C. transform
D. timing-function
25. Thuộc tính CSS nào có thể được sử dụng để thay đổi khoảng cách từ dấu đầu dòng đến văn bản của mục danh sách?
A. margin-left
B. padding-left
C. text-indent
D. list-style-position
