Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F10 (có đáp án): Định kiểu CSS cho siêu liên kết và danh sách

Với 10 câu hỏi trắc nghiệm Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách có đáp án chi tiết đầy đủ các mức độ sách Chân trời sáng tạo sẽ giúp học sinh lớp 12 ôn luyện trắc nghiệm Tin 12.

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F10 (có đáp án): Định kiểu CSS cho siêu liên kết và danh sách

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.

Câu 1: 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?

A. a:hover

B. a:active

C. a:visited

D. a:link

Hiển thị đá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: Để thay đổi kiểu của siêu liên kết khi người dùng di chuột qua, bạn sử dụng lớp giả nào?

A. a:focus

B. a:visited

C. a:active

D. a:hover

Hiển thị đá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: Để định kiểu cho siêu liên kết khi nó đang được kích hoạt, bạn nên sử dụng lớp giả nào?

A. a:focus

B. a:link

C. a:active

D. a:hover

Hiển thị đá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: Để thay đổi kiểu của siêu liên kết đã được truy cập, bạn sử dụng lớp giả nào?

A. a:focus

B. a:hover

C. a:visited

D. a:active

Hiển thị đá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: Để đị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, bạn nên sử dụng lớp giả nào?

A. a:focus

B. a:link

C. a:visited

D. a:hover

Hiển thị đá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: Để định kiểu cho dấu đầu dòng trong danh sách bằng một hình ảnh, bạn nên sử dụng thuộc tính nào?

A. list-style-type

B. list-style-position

C. list-style-image

D. list-style

Hiển thị đá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: Để đặt dấu đầu dòng vào bên trong phần nội dung của mục trong danh sách, bạn sử dụng thuộc tính nào?

A. list-style-image

B. list-style-type

C. list-style-position

D. list-style

Hiển thị đá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: Để định kiểu cho các phần tử trong danh sách bằng các kiểu có sẵn của CSS, bạn sử dụng thuộc tính nào?

A. list-style-position

B. list-style-image

C. list-style-type

D. list-style

Hiển thị đá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: Khi định kiểu cho siêu liên kết trong trạng thái kích hoạt, siêu liên kết sẽ có đặc điểm gì?

A. Màu sắc là xanh và không gạch chân

B. Màu sắc là đỏ và có gạch chân

C. Màu sắc là tím và có gạch chân

D. Màu sắc là xanh và có gạch chân

Hiển thị đá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: Để thay đổi kiểu cho siêu liên kết trong trạng thái đã truy cập, siêu liên kết sẽ có màu gì?

A. Xanh

B. Đỏ

C. Tím

D. Vàng

Hiển thị đá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 đó.

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

Câu 1: 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.

Hiển thị đá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 2: 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.

Hiển thị đá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.

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: 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ó?

Hiển thị đá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 2: Làm thế nào để thay đổi kiểu của dấu đầu dòng trong danh sách bằng hình ảnh?

Hiển thị đá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 3: Thuộc tính nào được sử dụng để đặt vị trí của dấu đầu dòng vào bên trong nội dung của mục trong danh sách?

Hiển thị đá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

Xem thêm câu hỏi trắc nghiệm Tin học lớp 12 Chân trời sáng tạo có đáp án hay khác:

• Trắc nghiệm Tin học 12 Bài F11: Định kiểu CSS cho bảng và phần tử <div>

• Trắc nghiệm Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu

• Trắc nghiệm Tin học 12 Bài F13: Dự án tạo trang web (tiếp theo)

• Trắc nghiệm Tin học 12 Bài F14: Học máy

• Trắc nghiệm Tin học 12 Bài F15: Khoa học dữ liệu

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Chân trời sáng tạo
• Giải Chuyên đề Tin học 12 Chân trời sáng tạo
• Giải SBT Tin học 12 Chân trời sáng tạo
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---