Trắc nghiệm Khoa học máy tính 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. Bạn muốn tất cả các mục danh sách có dấu đầu dòng hình tròn rỗng. Bạn sẽ sử dụng giá trị nào cho list-style-type?
A. circle
B. empty-circle
C. round
D. hollow
2. Trong ngữ cảnh CSS, việc sử dụng `display: block;` trên một phần tử `` sẽ làm gì?
A. Biến liên kết thành một khối riêng biệt, chiếm toàn bộ chiều rộng có sẵn
B. Làm cho liên kết chỉ chiếm không gian cần thiết cho nội dung văn bản
C. Vô hiệu hóa khả năng nhấp vào liên kết
D. Đặt liên kết vào một dòng mới
3. Khi định kiểu cho một siêu liên kết đã được truy cập, bộ chọn CSS nào là phù hợp nhất?
A. a:visited
B. a:link
C. a:active
D. a:current
4. Để định kiểu cho tất cả các mục trong một danh sách không có thứ tự (unordered list), bạn nên sử dụng bộ chọn nào?
A. ul li
B. ol li
C. li
D. list-item
5. Cần định kiểu cho một liên kết cụ thể chỉ bằng cách sử dụng ID của nó. Bộ chọn CSS phù hợp là gì?
A. #myLink
B. .myLink
C. a#myLink
D. link-myLink
6. Nếu bạn muốn các mục danh sách (list items) hiển thị theo chiều ngang thay vì chiều dọc mặc định, bạn sẽ sử dụng phương pháp CSS nào?
A. Đặt `display: inline-block;` cho các mục `li`
B. Đặt `float: left;` cho các mục `li`
C. Đặt `display: flex;` cho phần tử `ul` hoặc `ol`
D. Tất cả các phương án trên đều có thể áp dụng
7. Thuộc tính CSS nào dùng để loại bỏ gạch chân mặc định của siêu liên kết?
A. text-decoration: none;
B. underline: false;
C. border: none;
D. list-style: none;
8. Thuộc tính CSS nào kiểm soát vị trí của dấu đầu dòng hoặc số thứ tự trong danh sách (ví dụ: bên trong hay bên ngoài khung của danh sách)?
A. list-style-position
B. list-position
C. marker-position
D. item-position
9. Thuộc tính CSS nào cho phép bạn chỉ định một hình ảnh làm dấu đầu dòng cho danh sách?
A. list-style-image
B. list-image
C. item-image
D. marker-image
10. 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 xanh lam và không có gạch chân. Cấu trúc CSS nào sau đây là đúng?
A. a { color: blue; text-decoration: none; }
B. link { color: blue; underline: off; }
C. a:link { color: blue; text-decoration: none; }
D. hyperlink { color: blue; no-underline: true; }
11. Thuộc tính CSS nào cho phép bạn kết hợp ba thuộc tính của danh sách (`list-style-type`, `list-style-position`, `list-style-image`) thành một khai báo duy nhất?
A. list-style
B. list-properties
C. style-list
D. list-config
12. Trong một danh sách có thứ tự (ordered list), làm thế nào để thay đổi kiểu đánh số từ số Ả Rập (1, 2, 3) sang chữ La Mã viết thường (i, ii, iii)?
A. ol { list-style-type: lower-roman; }
B. ol { numbering-style: roman-lowercase; }
C. ol { list-type: roman; }
D. ol { marker: lower-roman; }
13. Bạn muốn tạo một danh sách mà các mục được căn giữa theo chiều ngang và có dấu đầu dòng hình tròn. Cú pháp CSS nào là chính xác?
A. ul { list-style-type: circle; text-align: center; }
B. ul li { list-style: circle; align-items: center; }
C. ul { marker: circle; center-align: true; }
D. ul { bullet: circle; text-center: yes; }
14. Trong CSS, bộ chọn `a:focus` được sử dụng để làm gì?
A. Định kiểu cho liên kết khi nó nhận được sự tập trung của bàn phím
B. Định kiểu cho liên kết khi nó bị vô hiệu hóa
C. Định kiểu cho liên kết khi nó đang hoạt động
D. Định kiểu cho liên kết khi nó đã được đánh dấu
15. Bạn muốn một siêu liên kết hiển thị một đường viền màu đỏ xung quanh nó chỉ khi người dùng di chuột qua. Cú pháp CSS đúng là gì?
A. a:hover { border: 1px solid red; }
B. a:focus { border: 1px solid red; }
C. a:active { border: 1px solid red; }
D. a { border: 1px solid red; }
16. Bạn muốn thay đổi màu nền của một siêu liên kết khi nó đang hoạt động (nhấn chuột). Cần sử dụng thuộc tính và bộ chọn nào?
A. a:active { background-color: yellow; }
B. a:focus { background-color: yellow; }
C. a:hover { background-color: yellow; }
D. a:visited { background-color: yellow; }
17. Khi sử dụng bộ chọn `a:active` trong CSS, bạn đang định kiểu cho siêu liên kết ở trạng thái nào?
A. Khi liên kết đang được kích hoạt (ví dụ: đang nhấn chuột)
B. Khi người dùng di chuột qua liên kết
C. Khi liên kết đã được truy cập
D. Khi liên kết chưa được truy cập
18. Thuộc tính CSS nào được sử dụng để thay đổi kiểu dấu đầu dòng của danh sách không có thứ tự?
A. list-style-type
B. bullet-style
C. marker-style
D. list-type
19. Để định kiểu cho các mục danh sách có thứ tự và hiển thị số thứ tự bằng chữ cái in hoa (A, B, C), bạn sẽ sử dụng giá trị nào cho list-style-type?
A. upper-alpha
B. alpha-upper
C. uppercase-alpha
D. A-list
20. Làm thế nào để bạn áp dụng một kiểu dáng khác nhau cho các liên kết dựa trên việc chúng có được truy cập (visited) hay không, đồng thời giữ cho tất cả các liên kết có màu xanh lam và không gạch chân mặc định?
A. a { color: blue; text-decoration: none; } a:visited { color: purple; }
B. a:link { color: blue; text-decoration: none; } a:visited { color: purple; }
C. a:link { color: blue; } a:visited { color: purple; text-decoration: none; }
D. a { color: blue; } a:visited { color: purple; }
21. Trong CSS, làm thế nào để loại bỏ tất cả các kiểu định kiểu mặc định cho cả danh sách có thứ tự và không có thứ tự bằng một khai báo?
A. ul, ol { list-style: none; }
B. li { list-style: none; }
C. list { list-style: none; }
D. menu { list-style: none; }
22. Trong CSS, giá trị nào của list-style-type sẽ hiển thị một hình vuông làm dấu đầu dòng cho danh sách không có thứ tự?
A. square
B. box
C. rectangle
D. cube
23. Cần sử dụng bộ chọn nào trong CSS để định kiểu cho tất cả các phần tử `` không được truy cập?
A. a:visited
B. a:link
C. a:active
D. a:hover
24. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của một siêu liên kết khi người dùng di chuột qua?
A. color
B. background-color
C. text-decoration
D. hover-color
25. Trong CSS, nếu bạn muốn một siêu liên kết không hiển thị bất kỳ đường viền nào, bạn sẽ sử dụng thuộc tính nào?
A. border: none;
B. outline: none;
C. no-border: true;
D. border-style: hidden;
