Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài F10: Định kiểu CSS cho siêu liên kết và danh sách
1. Khi định kiểu cho siêu liên kết, làm thế nào để chỉ định một kiểu gạch chân tùy chỉnh (ví dụ: gạch chân kép) cho liên kết khi người dùng di chuột qua?
A. a:hover { text-decoration-style: double; }
B. a:hover { text-decoration: double-underline; }
C. a:hover { border-bottom-style: double; }
D. a:hover { underline-style: double; }
2. Để định kiểu cho một danh sách không có thứ tự (unordered list) với các ký hiệu hình tròn đặc (disc), bạn sẽ sử dụng thuộc tính CSS nào?
A. list-style-type: circle;
B. list-style-type: square;
C. list-style-type: disc;
D. list-style-type: decimal;
3. Bạn muốn tất cả các liên kết trong một trang web có màu xanh lam khi chưa được truy cập. Bạn sẽ viết đoạn mã CSS nào?
A. a:visited { color: blue; }
B. a:hover { color: blue; }
C. a:link { color: blue; }
D. a:focus { color: blue; }
4. Để định kiểu cho một danh sách có thứ tự với các số thập phân (1, 2, 3...) và có số 0 đứng trước cho các số dưới 10 (01, 02, 03...), bạn sử dụng giá trị nào cho list-style-type?
A. decimal
B. decimal-leading-zero
C. numeric
D. numbers
5. Trong CSS, nếu bạn muốn các mục danh sách có thứ tự hiển thị dưới dạng các dấu chấm đầu dòng thay vì số, bạn sẽ đặt giá trị nào cho list-style-type?
A. decimal
B. disc
C. circle
D. square
6. Thuộc tính CSS nào cho phép bạn đặt khoảng cách bên ngoài cho toàn bộ phần tử danh sách (bao gồm cả ký hiệu và nội dung)?
A. margin
B. padding
C. border
D. outline
7. Để tạo một danh sách không có thứ tự với các ký hiệu là hình vuông rỗng (hollow square), thuộc tính CSS nào sẽ được sử dụng?
A. list-style-type: disc;
B. list-style-type: circle;
C. list-style-type: square;
D. list-style-type: box;
8. Thuộc tính CSS nào dùng để loại bỏ dấu gạch chân mặc định của siêu liên kết?
A. text-decoration: none;
B. border: none;
C. outline: none;
D. list-style: none;
9. Thuộc tính CSS nào cho phép bạn xác định một tập hợp các thuộc tính định kiểu danh sách (bao gồm loại, hình ảnh, vị trí) bằng một khai báo duy nhất?
A. list-style-image
B. list-style-position
C. list-style-type
D. list-style
10. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng cách giữa dòng trên và dòng dưới của một mục danh sách, giúp bố cục gọn gàng hơn?
A. word-spacing
B. letter-spacing
C. line-height
D. text-height
11. Khi bạn muốn các ký hiệu danh sách được đặt ở bên ngoài khối nội dung của mục danh sách, bạn sử dụng giá trị nào cho thuộc tính list-style-position?
A. inside
B. outside
C. block
D. inline
12. Trong CSS, selector a:link dùng để định kiểu cho siêu liên kết nào?
A. Liên kết mà người dùng đã nhấp vào.
B. Liên kết mà người dùng chưa từng nhấp vào.
C. Liên kết mà người dùng đang nhấp vào.
D. Liên kết mà con trỏ chuột đang di chuyển qua.
13. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của văn bản siêu liên kết khi người dùng di chuột qua (hover state)?
A. a:link
B. a:hover
C. a:active
D. a:visited
14. Khi định kiểu cho siêu liên kết, làm thế nào để chỉ định màu sắc cho các liên kết đã truy cập (visited links) bằng CSS?
A. Sử dụng selector a:visited với thuộc tính color.
B. Sử dụng selector a:link với thuộc tính visited-color.
C. Sử dụng selector a:focus với thuộc tính color.
D. Sử dụng selector a:hover với thuộc tính visited-color.
15. Để đặt hình ảnh tùy chỉnh làm ký hiệu cho các mục trong danh sách không có thứ tự, bạn sử dụng thuộc tính CSS nào?
A. list-style-image: url(path/to/image.png);
B. background-image: url(path/to/image.png);
C. marker-image: url(path/to/image.png);
D. item-icon: url(path/to/image.png);
16. Thuộc tính CSS nào cho phép bạn đặt khoảng cách giữa các ký hiệu danh sách và nội dung của mục danh sách?
A. padding-left
B. margin-left
C. text-indent
D. list-style-position
17. Để tạo một danh sách có các mục được căn giữa theo chiều dọc so với ký hiệu danh sách, bạn nên sử dụng giá trị nào cho list-style-position?
A. outside
B. inside
C. center
D. middle
18. Để tạo một hiệu ứng chuyển đổi mượt mà khi thay đổi màu sắc của siêu liên kết khi di chuột qua, bạn sẽ kết hợp thuộc tính CSS nào với pseudo-class a:hover?
A. transition
B. animation
C. transform
D. timing-function
19. Để làm cho các siêu liên kết chuyển sang màu đỏ khi người dùng đang nhấp vào chúng (trạng thái active), bạn sẽ sử dụng selector CSS nào?
A. a:focus { color: red; }
B. a:hover { color: red; }
C. a:active { color: red; }
D. a:visited { color: red; }
20. Trong CSS, thuộc tính a:visited dùng để định kiểu cho siêu liên kết nào?
A. Liên kết mà người dùng chưa từng nhấp vào.
B. Liên kết mà người dùng đang nhấp vào.
C. Liên kết mà người dùng đã nhấp vào.
D. Liên kết mà con trỏ chuột đang di chuyển qua.
21. Thuộc tính CSS nào được dùng để thay đổi kiểu của các điểm đánh dấu (marker) trong danh sách khi chúng ở trạng thái active (đang được nhấp)?
A. li:active
B. li:focus
C. li::marker
D. li:active::marker
22. Trong ngữ cảnh định kiểu CSS cho siêu liên kết, trạng thái focus thường được kích hoạt khi nào?
A. Khi người dùng di chuột qua liên kết.
B. Khi người dùng nhấp vào liên kết.
C. Khi liên kết nhận được sự tập trung từ bàn phím (ví dụ: dùng phím Tab).
D. Khi người dùng đã truy cập liên kết.
23. Bạn muốn tạo một danh sách có thứ tự với các ký hiệu là chữ cái Hy Lạp (alpha, beta...)? Thuộc tính CSS nào sẽ được sử dụng?
A. list-style-type: greek-alpha;
B. list-style-type: greek;
C. list-style-type: lower-greek;
D. list-style-type: alpha;
24. Cần định kiểu cho một danh sách có thứ tự (ordered list) với các số La Mã viết thường (i, ii, iii...), thuộc tính CSS nào là phù hợp nhất?
A. list-style-type: upper-roman;
B. list-style-type: lower-alpha;
C. list-style-type: lower-roman;
D. list-style-type: decimal-leading-zero;
25. Thuộc tính CSS nào dùng để thêm một đường viền xung quanh các mục danh sách, giúp chúng nổi bật hơn?
A. outline
B. padding
C. border
D. margin
