Trắc nghiệm đúng sai 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

BÀI F10. ĐỊNH KIỂU CSS CHO SIÊU LIÊN KẾT VÀ DANH SÁCH

Câu 1: Một lập trình viên muốn thiết kế các siêu liên kết trên trang web sao cho khi người dùng tương tác, chúng sẽ thay đổi màu sắc và kiểu hiển thị phù hợp. Anh ta áp dụng các quy tắc CSS sau:

Nhận định về liên kết với đoạn CSS trên:

a. Khi nhấp vào liên kết, nó sẽ đổi sang màu xanh lá cây.
b. Khi rê chuột lên liên kết, nó sẽ có màu đỏ và có gạch chân.
c. Nếu một liên kết đã được nhấp trước đó, nó sẽ có màu tím khi tải lại trang.
d. Trạng thái :hover có độ ưu tiên cao hơn trạng thái :visited, nên liên kết đã truy cập vẫn sẽ đổi màu đỏ khi rê chuột vào.

Đáp án:

- A, B, D đúng

- C sai

Câu 2: Một ông kĩ sư đang thiết kế một trang web cho lớp học và muốn tạo một danh sách liệt kê các hoạt động đã tham gia. Ông ấy quyết định sử dụng hình ảnh thay cho dấu đầu dòng thông thường và muốn chúng nằm bên trong nội dung của danh sách. Ông viết đoạn CSS sau:

Nhận định về đoạn mã CSS trên:

a. Dấu đầu dòng sẽ được thay bằng hình ảnh icon.png.
b. Các dấu đầu dòng sẽ nằm bên ngoài nội dung danh sách.
c. Nếu hình ảnh icon.png không tồn tại, danh sách sẽ không hiển thị dấu đầu dòng.
d. Nếu thay inside bằng outside, dấu đầu dòng sẽ di chuyển ra bên ngoài nội dung danh sách.

Câu 3: Một lập trình viên muốn tạo một thanh điều hướng nằm ngang với ba mục: "Trang chủ", "Hoạt động", "Thành viên lớp". Mỗi mục là một liên kết và cần có hiệu ứng đổi màu khi rê chuột vào. Anh ta viết đoạn CSS sau:

Sau khi kiểm tra trên trình duyệt, anh ta nhận thấy rằng các mục trong thanh điều hướng không nằm cạnh nhau mà vẫn xuất hiện theo hàng dọc. Nguyên nhân có thể gây ra lỗi này và cách khắc phục là:

a. Cần thêm display: flex; vào .nav để các mục nằm cạnh nhau.
b. Cần thêm display: inline-block; thay vì inline cho .nav li để đảm bảo chúng không bị ảnh hưởng bởi khoảng trắng giữa các thẻ <li>.
c. Cần thêm float: left; cho .nav li để ép chúng hiển thị theo hàng ngang.
d. CSS hiện tại đã đúng, lỗi có thể do trình duyệt không hỗ trợ thuộc tính inline.

--------------- Còn tiếp ---------------