Trắc nghiệm Khoa học máy tính 12 Chân trời bài F10: Định kiểu CSS cho siêu liên kết và danh sách
1. Để loại bỏ dấu gạch chân mặc định của siêu liên kết trong CSS, bạn sẽ sử dụng thuộc tính nào?
A. text-decoration: none;
B. underline: none;
C. link-style: none;
D. no-underline: true;
2. Để một siêu liên kết mở ra trong một tab hoặc cửa sổ mới của trình duyệt, bạn sẽ sử dụng thuộc tính nào của thẻ ""?
A. target="_blank"
B. open="new"
C. window="new"
D. tab="new"
3. Trong HTML, thẻ nào thường được sử dụng để tạo danh sách có thứ tự?
4. Giả sử bạn muốn một liên kết có màu xanh lá cây khi di chuột vào, màu xanh dương khi đã truy cập, và màu đen khi không tương tác. Cấu trúc CSS nào sau đây là chính xác nhất?
A. a:hover { color: green; } a:visited { color: blue; } a { color: black; }
B. a { color: black; } a:visited { color: blue; } a:hover { color: green; }
C. a:visited { color: blue; } a:hover { color: green; } a { color: black; }
D. a { color: green; } a:visited { color: blue; } a:hover { color: black; }
5. 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?
A. background-color
B. text-color
C. color
D. font-color
6. Trong CSS, nếu bạn muốn định kiểu cho một danh sách được đánh số bằng chữ cái tiếng Anh viết hoa (A, B, C...), bạn sẽ sử dụng giá trị nào cho "list-style-type"?
A. upper-alpha
B. lower-alpha
C. alpha-upper
D. alpha-lower
7. Chọn câu CSS đúng để định dạng tất cả các liên kết thuộc lớp "menu-item" thành màu đỏ, không gạch chân, và có dấu chấm tròn nhỏ làm đầu mục cho mỗi mục danh sách cha của chúng.
A. .menu-item { color: red; text-decoration: none; } ul > li { list-style-type: disc; }
B. .menu-item { color: red; text-decoration: none; } .menu-item li { list-style-type: disc; }
C. .menu-item { color: red; text-decoration: none; } li { list-style-type: disc; }
D. .menu-item { color: red; text-decoration: none; } ul li { list-style-type: disc; }
8. Bạn có thể áp dụng các kiểu CSS khác nhau cho các trạng thái của liên kết như thế nào?
A. Sử dụng các pseudoclass như :link, :visited, :hover, :active
B. Sử dụng các thuộc tính CSS riêng biệt cho từng trạng thái
C. Chỉ có thể áp dụng một kiểu CSS duy nhất cho tất cả các trạng thái
D. Sử dụng các lớp CSS khác nhau cho từng trạng thái
9. Trong CSS, thuộc tính "list-style" là một thuộc tính viết tắt (shorthand) cho những thuộc tính nào?
A. list-style-type, list-style-position, list-style-image
B. list-style-type, list-style-align
C. list-style-marker, list-style-position
D. list-style-type, list-style-image
10. Kiểu dấu đầu dòng nào sau đây KHÔNG phải là giá trị hợp lệ của thuộc tính "list-style-type" trong CSS?
A. disc
B. circle
C. square
D. triangle
11. Trong HTML, thuộc tính "href" của thẻ "" dùng để làm gì?
A. Chỉ định URL đích của siêu liên kết
B. Chỉ định văn bản hiển thị của siêu liên kết
C. Chỉ định cách mở liên kết (cùng tab hay tab mới)
D. Chỉ định mã hóa ký tự cho liên kết
12. Trong HTML, thẻ nào được sử dụng để định nghĩa một mục trong danh sách (cả có thứ tự và không có thứ tự)?
13. Thuộc tính CSS nào cho phép bạn thay đổi vị trí của dấu đầu dòng (marker) của danh sách so với nội dung danh sách?
A. list-style-position
B. marker-position
C. bullet-position
D. list-align
14. Pseudoclass nào của siêu liên kết được áp dụng khi người dùng nhấn giữ chuột vào liên kết?
A. :hover
B. :focus
C. :active
D. :visited
15. Trong CSS, để tạo kiểu cho danh sách không có dấu đầu dòng mặc định (bullet points), bạn sẽ sử dụng thuộc tính nào?
A. list-style-type: none;
B. bullet: none;
C. list-type: none;
D. marker: none;
16. Thuộc tính CSS nào dùng để tạo kiểu cho các phần tử danh sách con (nested list)?
A. Không có thuộc tính riêng, dùng selector lồng nhau
B. nested-list-style
C. sub-list-style
D. child-list-style
17. Khi định kiểu cho danh sách, thuộc tính "list-style-image" nhận giá trị là gì?
A. URL của tệp hình ảnh
B. Tên của tệp hình ảnh
C. Đường dẫn tương đối đến hình ảnh
D. Mã màu hex của hình ảnh
18. Để định kiểu cho một liên kết khi nó nhận được sự tập trung từ bàn phím (ví dụ: khi dùng phím Tab để di chuyển), bạn sẽ sử dụng pseudoclass nào?
A. :focus
B. :active
C. :hover
D. :tab
19. Pseudoclass nào của siêu liên kết được áp dụng khi người dùng di chuột qua liên kết?
A. :active
B. :visited
C. :focus
D. :hover
20. Nếu bạn muốn đặt dấu đầu dòng danh sách vào bên trong phần tử list item (li) trong CSS, bạn sẽ sử dụng giá trị nào cho "list-style-position"?
A. inside
B. outside
C. center
D. inline
21. Pseudoclass nào của siêu liên kết được áp dụng khi liên kết vừa được truy cập?
A. :link
B. :hover
C. :visited
D. :active
22. Khi định kiểu cho một danh sách có thứ tự (ordered list - ol) và muốn sử dụng chữ số La Mã viết thường làm dấu đầu dòng, bạn sẽ dùng giá trị nào cho "list-style-type"?
A. lower-roman
B. upper-roman
C. roman-lower
D. roman-upper
23. Trong HTML, thẻ nào thường được sử dụng để tạo danh sách không có thứ tự?
24. Nếu bạn muốn một liên kết có biểu tượng tùy chỉnh làm dấu đầu dòng cho một danh sách, bạn sẽ sử dụng thuộc tính nào kết hợp với "list-style-type: none;"?
A. list-style-image
B. background-image
C. marker-image
D. icon-image
25. Để định kiểu cho tất cả các trạng thái của siêu liên kết cùng một lúc, bạn có thể sử dụng selector nào?
A. a:link, a:visited, a:hover, a:active
B. a:all
C. a:state
D. a[*]
