Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F10: Định kiểu CSS cho siêu liên kết và danh sách
1. Thuộc tính CSS nào có thể được sử dụng để làm cho các dấu đầu dòng của danh sách có thứ tự hiển thị bằng chữ số La Mã in thường (i, ii, iii...)?
A. list-style-type: lower-roman;
B. list-style-type: roman;
C. list-style-type: lower-latin;
D. list-style-type: roman-lower;
2. Bạn muốn tạo một danh sách các mục tin tức, mỗi mục có một dấu đầu dòng là một mũi tên nhỏ (→). Giá trị nào của "list-style-type" sẽ phù hợp nhất?
A. disclosure-open
B. arrow
C. bullet
D. pointer
3. Để tạo một danh sách với các mục được hiển thị theo chiều ngang thay vì chiều dọc, bạn có thể áp dụng thuộc tính CSS nào cho các phần tử "li" bên trong "ul"?
A. display: inline-block;
B. display: block;
C. float: left;
D. display: flex;
4. Khi định kiểu cho một danh sách không có thứ tự (ul tag) bằng CSS, thuộc tính nào sẽ thay đổi kiểu hiển thị của các dấu gạch đầu dòng (bullets)?
A. list-style-type
B. marker-style
C. bullet-style
D. item-style
5. Thuộc tính nào trong CSS cho phép kết hợp nhiều thuộc tính định kiểu danh sách thành một khai báo duy nhất?
A. list-style
B. item-style
C. list-properties
D. style-list
6. Khi định kiểu cho siêu liên kết, thuộc tính "transition" có thể được sử dụng để làm cho sự thay đổi màu sắc khi di chuột diễn ra mượt mà hơn. Thuộc tính này cần ít nhất những thông tin nào?
A. Thuộc tính cần chuyển đổi, thời gian chuyển đổi
B. Thời gian chuyển đổi, kiểu chuyển đổi
C. Thuộc tính cần chuyển đổi, kiểu chuyển đổi
D. Thuộc tính cần chuyển đổi, thời gian chuyển đổi, kiểu chuyển đổi
7. Thuộc tính CSS nào cho phép bạn định vị trí của các dấu đầu dòng (list markers) so với nội dung của danh sách?
A. list-style-position
B. marker-position
C. item-position
D. position-style
8. Thuộc tính CSS nào thường được sử 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. border: none;
C. outline: none;
D. underline: none;
9. Giá trị nào của thuộc tính "list-style-type" sẽ hiển thị các dấu tròn đặc (solid circle) cho danh sách không có thứ tự?
A. disc
B. circle
C. square
D. decimal
10. Giá trị nào của thuộc tính "list-style-type" sẽ hiển thị số theo thứ tự Ả Rập (1, 2, 3...) cho danh sách có thứ tự?
A. decimal
B. numeric
C. arabic-decimal
D. standard-decimal
11. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng thay đổi màu sắc của siêu liên kết từ xanh sang tím khi người dùng nhấp vào nó (trạng thái active)?
A. a:active { color: purple; }
B. a:focus { color: purple; }
C. a:visited { color: purple; }
D. a:hover { color: purple; }
12. Để đặt một hình ảnh làm dấu đầu dòng cho danh sách không có thứ tự, bạn sẽ sử dụng thuộc tính CSS nào kết hợp với giá trị "url()"?
A. list-style-image
B. background-image
C. item-image
D. bullet-image
13. Nếu bạn muốn một siêu liên kết chỉ có gạch chân khi di chuột qua, bạn sẽ thiết lập thuộc tính "text-decoration" như thế nào cho trạng thái mặc định và trạng thái ":hover"?
A. a { text-decoration: none; } a:hover { text-decoration: underline; }
B. a { text-decoration: underline; } a:hover { text-decoration: none; }
C. a { text-decoration: underline; } a:hover { text-decoration: underline; }
D. a { text-decoration: none; } a:hover { text-decoration: none; }
14. 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 tag) khi người dùng di chuột qua nó?
A. color
B. text-decoration
C. background-color
D. font-weight
15. Khi định kiểu cho một danh sách, nếu bạn không muốn hiển thị bất kỳ dấu đầu dòng hoặc số nào, bạn sẽ sử dụng giá trị nào cho thuộc tính "list-style-type"?
A. none
B. hidden
C. clear
D. empty
16. Nếu bạn muốn một liên kết không đổi màu khi di chuột qua, bạn sẽ không định nghĩa thuộc tính nào trong quy tắc ":hover" cho thẻ "a"?
A. color
B. text-decoration
C. background-color
D. font-style
17. Trong ngữ cảnh của CSS, việc áp dụng "display: block;" cho một phần tử "a" sẽ làm gì?
A. Biến siêu liên kết thành một khối có thể định chiều rộng, chiều cao và chiếm toàn bộ chiều ngang
B. Chỉ cho phép định chiều cao, chiều rộng nhưng vẫn giữ nguyên hành vi inline
C. Loại bỏ hoàn toàn khả năng nhấp vào siêu liên kết
D. Tạo ra một danh sách các liên kết theo chiều dọc
18. Thuộc tính CSS nào cho phép bạn định kiểu cho tất cả các liên kết đã được truy cập và đang được di chuột qua cùng một lúc?
A. a:visited:hover
B. a:hover:visited
C. a:focus:hover
D. a:active:visited
19. Thuộc tính CSS nào được sử dụng để thay đổi kiểu của các mục trong danh sách có thứ tự (ol tag), ví dụ như từ số sang chữ La Mã?
A. list-style-type
B. order-style
C. number-style
D. sequence-style
20. Để tạo hiệu ứng gạch chân kép cho siêu liên kết, bạn có thể sử dụng kết hợp thuộc tính nào?
A. text-decoration-style: double;
B. text-decoration: double-underline;
C. border-bottom-style: double;
D. underline-style: double;
21. Pseudo-class nào trong CSS được dùng để định kiểu cho siêu liên kết khi nó đã được người dùng truy cập?
A. :visited
B. :link
C. :hover
D. :active
22. Trong CSS, nếu bạn muốn tất cả các liên kết trên trang web có màu xanh dương và không có gạch chân mặc định, bạn sẽ viết quy tắc CSS như thế nào?
A. a { color: blue; text-decoration: none; }
B. a { color: blue; text-decoration: underline; }
C. a:link { color: blue; text-decoration: none; }
D. a:visited { color: blue; text-decoration: none; }
23. Khi định kiểu cho một danh sách, nếu bạn muốn các số thứ tự hiển thị theo định dạng chữ hoa La Mã (I, II, III...), bạn sẽ sử dụng giá trị nào cho "list-style-type"?
A. upper-roman
B. roman-upper
C. upper-latin
D. roman-capital
24. Giá trị "inside" của thuộc tính "list-style-position" sẽ làm gì với dấu đầu dòng của danh sách?
A. Đặt dấu đầu dòng vào bên trong hộp nội dung của mục danh sách
B. Đặt dấu đầu dòng ra ngoài hộp nội dung của mục danh sách
C. Loại bỏ dấu đầu dòng
D. Căn giữa dấu đầu dòng với nội dung
25. Ví dụ nào sau đây là cách viết đúng của thuộc tính "list-style" để tạo danh sách không có thứ tự với dấu tròn đặc và dấu đầu dòng nằm bên trong?
A. list-style: disc inside;
B. list-style: inside disc;
C. list-style: disc, inside;
D. list-style: disc; list-style-position: inside;
