Trắc nghiệm Tin học 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
Trắc nghiệm Tin học 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
-
43 lượt thi
-
15 câu hỏi
-
45 phút
Danh sách câu hỏi
Câu 1:
PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.
Khi muốn thay đổi kiểu của siêu liên kết trong trạng thái bình thường, bạn sử dụng lớp giả nào trong CSS?
Xem đáp án
Đáp án: D
Giải thích: Lớp giả a:link được sử dụng để định kiểu cho siêu liên kết trong trạng thái bình thường (khi chưa được nhấp chuột hoặc tương tác).
Câu 2:
Xem đáp án
Đáp án: D
Giải thích: Lớp giả a:hover được sử dụng để định kiểu cho siêu liên kết khi người dùng di chuột qua liên kết.
Câu 3:
Xem đáp án
Đáp án: C
Giải thích: Lớp giả a:active được sử dụng để định kiểu cho siêu liên kết khi nó đang được nhấp chuột hoặc kích hoạt.
Câu 4:
Xem đáp án
Đáp án: C
Giải thích: Lớp giả a:visited được sử dụng để định kiểu cho siêu liên kết đã được truy cập trước đó.
Câu 5:
Xem đáp án
Đáp án: A
Giải thích: Lớp giả a:focus được sử dụng để định kiểu cho siêu liên kết khi nó đang được người dùng chọn bằng bàn phím.
Câu 6:
Xem đáp án
Đáp án: C
Giải thích: Thuộc tính list-style-image được sử dụng để định kiểu dấu đầu dòng trong danh sách bằng một hình ảnh.
Câu 7:
Xem đáp án
Đáp án: C
Giải thích: Thuộc tính list-style-position được sử dụng để thay đổi vị trí của dấu đầu dòng, ví dụ, từ ngoài vào bên trong nội dung của mục.
Câu 8:
Xem đáp án
Đáp án: C
Giải thích: Thuộc tính list-style-type được sử dụng để định kiểu cho số hoặc dấu đầu dòng theo các kiểu có sẵn của CSS.
Câu 9:
Xem đáp án
Đáp án: B
Giải thích: Trong trạng thái kích hoạt (a:active), siêu liên kết thường có màu đỏ và có gạch chân để biểu thị rằng nó đang được nhấn hoặc kích hoạt.
Câu 10:
Xem đáp án
Đáp án: C
Giải thích: Trong trạng thái đã truy cập (a:visited), siêu liên kết thường có màu tím để biểu thị rằng liên kết đã được truy cập trước đó.
Câu 11:
PHẦN II. Câu trắc nghiệm đúng Sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai
Phát biểu sau đây đúng hay sai về định kiểu CSS cho siêu liên kết?
a) Trạng thái bình thường của siêu liên kết được định kiểu bằng cách sử dụng lớp giả a:link, và siêu liên kết sẽ có màu xanh và gạch chân khi ở trạng thái này.
b) Trạng thái lướt qua siêu liên kết thường có màu sắc khác với trạng thái mặc định và được định kiểu bằng lớp giả a:hover.
c) Trạng thái kích hoạt siêu liên kết được định kiểu bằng lớp giả a:focus, và siêu liên kết sẽ có màu đỏ và có gạch chân khi ở trạng thái này.
d) Trạng thái đã truy cập của siêu liên kết được định kiểu bằng lớp giả a:visited, và siêu liên kết sẽ có màu tím và có gạch chân khi ở trạng thái này.
Xem đáp án
a) Đúng: Trạng thái bình thường của siêu liên kết được định kiểu bằng lớp giả a:link. Siêu liên kết sẽ có màu xanh và gạch chân theo mặc định.
b) Đúng: Trạng thái lướt qua siêu liên kết (hover) có thể thay đổi màu sắc và được định kiểu bằng lớp giả a:hover.
c) Sai: Trạng thái kích hoạt (active) được định kiểu bằng lớp giả a:active, không phải a:focus. Trạng thái a:focus liên quan đến trạng thái tập trung, không phải kích hoạt.
d) Đúng: Trạng thái đã truy cập của siêu liên kết được định kiểu bằng lớp giả a:visited, và siêu liên kết thường có màu tím và có gạch chân.
Câu 12:
Phát biểu sau đây đúng hay sai về định kiểu CSS cho danh sách?
a) Để định kiểu cho số hoặc dấu đầu dòng của các mục trong danh sách, ta sử dụng thuộc tính list-style-position để thay đổi kiểu số hoặc dấu đầu dòng.
b) Để định kiểu dấu đầu dòng bằng hình ảnh, ta sử dụng thuộc tính list-style-image và có thể thay thế giá trị outside bằng inside để đặt dấu đầu dòng vào bên trong phần nội dung của mục.
c) Để thay đổi kiểu số hoặc dấu đầu dòng của danh sách, ta sử dụng thuộc tính list-style-type để chỉ định kiểu có sẵn của CSS.
d) Để định kiểu cho vị trí của dấu đầu dòng, ta sử dụng thuộc tính list-style-position và có thể chọn giá trị là inside hoặc outside.
Xem đáp án
a) Sai: Thuộc tính list-style-position được sử dụng để định kiểu vị trí hiển thị của dấu đầu dòng (inside hoặc outside), không phải để thay đổi kiểu số hoặc dấu đầu dòng. Để thay đổi kiểu số hoặc dấu đầu dòng, sử dụng thuộc tính list-style-type.
b) Đúng: Thuộc tính list-style-image dùng để định kiểu dấu đầu dòng bằng hình ảnh. Giá trị inside có thể được sử dụng để đặt dấu đầu dòng vào bên trong phần nội dung của mục.
c) Đúng: Thuộc tính list-style-type dùng để thay đổi kiểu số hoặc dấu đầu dòng của danh sách theo các kiểu có sẵn của CSS, chẳng hạn như disc, circle, square, hoặc decimal.
d) Đúng: Thuộc tính list-style-position dùng để định kiểu vị trí của dấu đầu dòng trong danh sách. Giá trị inside sẽ đặt dấu đầu dòng vào bên trong phần nội dung của mục, trong khi giá trị outside sẽ giữ dấu đầu dòng ngoài phần nội dung.
Câu 13:
PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3
Làm thế nào để thay đổi màu sắc của siêu liên kết khi con trỏ chuột di chuyển qua nó?
Xem đáp án
Đáp án: Sử dụng lớp giả a:hover.
Giải thích: Lớp giả a:hover cho phép định kiểu cho trạng thái lướt qua của siêu liên kết, khi con trỏ chuột nằm bên trên, giúp thay đổi màu sắc hoặc các thuộc tính khác của siêu liên kết.
Câu 14:
Xem đáp án
Đáp án: Sử dụng thuộc tính list-style-image.
Giải thích: Thuộc tính list-style-image cho phép định kiểu dấu đầu dòng bằng hình ảnh, thông qua việc chỉ định đường dẫn của tệp ảnh trong hàm url().
Câu 15:
Xem đáp án
Đáp án: list-style-position với giá trị inside.
Giải thích: Thuộc tính list-style-position được dùng để thay đổi vị trí của dấu đầu dòng. Giá trị inside đặt dấu đầu dòng vào bên trong phần nội dung của mục trong danh sách