Phiếu 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

Chủ đề F: Giải quyết vấn đề với sự trợ giúp của máy tính

Bài F10: Định kiểu CSS cho siêu liên kết và danh sách

(34 câu)

A. TRẮC NGHIỆM

1. NHẬN BIẾT (15 câu)

Câu 1: Thẻ HTML nào được sử dụng để tạo siêu liên kết?

A. <link>

B. <a>

C. <url>

D. <href>

Câu 2: Thuộc tính HTML nào được sử dụng để chỉ định địa chỉ URL của siêu liên kết?

A. src

B. url

C. href

D. link

Câu 3: Lớp giả CSS nào được sử dụng để định kiểu trạng thái lướt qua của siêu liên kết?

A. :link

B. :active

C. :visited

D. :hover

Câu 4: Lớp giả CSS nào được sử dụng để định kiểu trạng thái đã truy cập của siêu liên kết?

A. :link

B. :active

C. :visited

D. :hover

Câu 5: Lớp giả CSS nào được sử dụng để định kiểu trạng thái kích hoạt của siêu liên kết?

A. :link

B. :active

C. :visited

D. :hover

Câu 6: Trạng thái mặc định của siêu liên kết là gì?

A. Màu đỏ, gạch chân

B. Màu xanh dương, gạch chân

C. Màu tím, gạch chân

D. Không gạch chân, màu đen

Câu 7: Trạng thái nào của siêu liên kết được hiển thị khi người dùng di chuột qua nó?

A. :link

B. :active

C. :visited

D. :hover

Câu 8: Thuộc tính CSS nào dùng để thay đổi kiểu đánh số hoặc dấu đầu dòng cho danh sách?

A. list-style-position

B. list-style-image

C. list-style-type

D. list-style

Câu 9: Thuộc tính CSS nào dùng để đặt hình ảnh làm dấu đầu dòng cho danh sách?

A. list-style-position

B. list-style-image

C. list-style-type

D. list-style

Câu 10: Thuộc tính CSS nào dùng để đặt hình ảnh làm dấu đầu dòng cho danh sách?

A. list-style-position

B. list-style-image

C. list-style-type

D. list-style

Câu 11: Giá trị nào của thuộc tính list-style-position đặt dấu đầu dòng bên trong nội dung mục danh sách?

A. outside

B. inside

C. center

D. inherit

Câu 12: Hàm nào được dùng để chỉ định đường dẫn của hình ảnh trong thuộc tính list-style-image?

A. path()

B. src()

C. url()

D. file()

Câu 13: Giá trị mặc định của thuộc tính list-style-position là gì?

A. inside

B. outside

C. center

D. inherit

Câu 14: Thuộc tính nào cho phép bạn định kiểu dấu đầu dòng bằng hình ảnh tùy chỉnh?

A. list-style-type

B. list-style-image

C. list-style-position

D. list-style

Câu 15: Thuộc tính nào dùng để định kiểu toàn bộ các thuộc tính danh sách(list)?

A. list-style-position

B. list-style-image

C. list-style-type

D. list-style

2. THÔNG HIỂU (10 CÂU)

Câu 1: Tại sao cần sử dụng các lớp giả CSS để định kiểu siêu liên kết?

A. Để tạo hiệu ứng động cho siêu liên kết

B. Để thay đổi kiểu dáng của siêu liên kết dựa trên trạng thái của nó

C. Để ẩn siêu liên kết khỏi trang web

D. Để tạo siêu liên kết đến các trang web khác

Câu 2: Khi nào trạng thái :active của siêu liên kết được kích hoạt?

A. Khi người dùng di chuột qua siêu liên kết

B. Khi người dùng nhấp chuột vào siêu liên kết

C. Khi người dùng đã truy cập siêu liên kết

D. Khi trang web được tải

Câu 3: Điều gì xảy ra nếu định kiểu cho trạng thái :hover trước trạng thái :link?

A. Kiểu dáng :hover sẽ không được áp dụng

B. Kiểu dáng :hover sẽ được áp dụng cho cả trạng thái :link

C. Kiểu dáng :link sẽ được áp dụng cho cả trạng thái :hover

D. Trình duyệt sẽ hiển thị lỗi

Câu 4: Tại sao trạng thái :visited thường có màu khác với trạng thái :link?

A. Để cho biết siêu liên kết đã được truy cập

B. Để tạo hiệu ứng động cho siêu liên kết

C. Để ẩn siêu liên kết khỏi trang web

D. Để tạo siêu liên kết đến các trang web khác

Câu 5: Khi nào trạng thái :link của siêu liên kết được hiển thị?

A. Khi người dùng di chuột qua siêu liên kết

B. Khi người dùng nhấp chuột vào siêu liên kết

C. Khi người dùng đã truy cập siêu liên kết

D. Khi siêu liên kết chưa được truy cập

Câu 6: Thứ tự các trạng thái lớp giả a:link, a:visited, a:hover, a:active có quan trọng không?

A. Không, thứ tự nào cũng được.

B. Có, thứ tự đúng là a:link, a:visited, a:hover, a:active.

C. Có, thứ tự đúng là a:active, a:hover, a:visited, a:link.

D. Có, thứ tự đúng là a:hover, a:active, a:visited, a:link.

Câu 7: Khi nào nên sử dụng thuộc tính list-style-image thay vì list-style-type?

A. Khi muốn sử dụng các kiểu đánh số hoặc dấu đầu dòng có sẵn

B. Khi muốn sử dụng hình ảnh tùy chỉnh làm dấu đầu dòng

C. Khi muốn xác định vị trí của dấu đầu dòng

D. Khi muốn loại bỏ dấu đầu dòng

...........................................

...........................................

...........................................

B. CÂU HỎI TRẮC NGHIỆM ĐÚNG – SAI (2 CÂU)

Câu 1: CSS cung cấp các lớp giả (pseudo-classes) để định kiểu các trạng thái khác nhau của siêu liên kết, giúp tạo ra trải nghiệm người dùng tốt hơn.

a) Lớp giả :link dùng để định kiểu trạng thái của siêu liên kết khi người dùng di chuột qua nó.

b) Lớp giả :visited dùng để định kiểu siêu liên kết đã được truy cập.

c) Trạng thái :active được kích hoạt khi người dùng nhấp và giữ chuột trên siêu liên kết.

d) Thứ tự của các lớp giả không quan trọng khi định kiểu siêu liên kết.

Đáp án:

a) S

b) Đ

c) Đ

d) S

...........................................

...........................................

........................................…