TopStudy

Tin học · Lớp 12

Giải SGK Tin học 12 CTST Bài F10. Định kiểu CSS cho siêu liên kết và danh sách có đáp án

7 câu · 11 phút · Ngân hàng đề TopStudy. Đáp án và lời giải do TopStudy biên soạn, mở ngay dưới từng câu.

Làm bài

Nội dung đề

Phần I. Tự luận

Câu 1

1 điểm
Điều gì sẽ sảy ra khi nháy chọn siêu liên kết và danh sách
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Khi nháy chọn siêu liên kết và danh sách sẽ dẫn tới trang web được liên kết.

Câu 2

1 điểm
Viết mã lệnh CSS để khi người dùng di chuyển con trỏ chuột đến siêu liên kết sẽ phóng to cỡ chữ và có màu nền bao quanh (màu sắc tuỳ ý).
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Thực hiện viết mã lệnh CSS để khi người dùng di chuyển con trỏ chuột đến siêu liên kết sẽ phóng to cỡ chữ và có màu nền bao quanh (màu vàng).

a:fous {

outline: 2px solid yellow

}

Hình minh hoạ

Câu 3

1 điểm
Em hãy thay đổi lần lượt các giá trị của thuộc tính list-style-position, đồng thời thay đổi độ rộng của trang web để xem kết quả hiển thị.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Để định kiểu cho số hoặc dấu đầu các mục trong danh sách, ta sử dụng thuộc tính list-style-position và chỉ định những kiểu so CSS quy định sẵn.

Hình minh hoạ

Câu 4

1 điểm
Thảo luận với bạn và cho biết các trạng thái của siêu liên kết khi có sự tương tác của người dùng. Trình bày cách định kiểu CSS ứng với mỗi trạng thái đó.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Các trạng thái của siêu liên kết khi có sự tương tác của người dùng như: bình thường, lướt qua, kích hoạt, đã truy cập và tập trung.

Trình bày cách định kiểu CSS ứng với mỗi trạng thái đó: Để định kiểu CSS cho các trạng thái này, ta khai báo vùng chọn là thẻ a kèm theo trạng thái tương ứng.

Câu 5

1 điểm
Em hãy cho biết cách định kiểu cho các mục trong danh sách trong CSS.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Cách định kiểu cho các mục trong danh sách trong CSS:

- Đánh số đầu dòng theo những kiểu có sẵn: sử dụng list-style-type.

- Đánh dấu đầu dòng bằng hình ảnh: list-style-image

Câu 6

1 điểm

Trong trang web kỉ yếu lớp, tạo thanh trình đơn ngang nằm ở đầu trang chủ của trang index.html như Hình 10 và Hình 11.

Hình minh hoạ

Xem đáp án và lời giải

Câu 7

1 điểm

Em hãy thực hiện các yêu cầu dưới đây.

1. Trong tệp portfolio.html, định kiểu riêng cho các mục trong danh sách Các hoạt động đã tham gia như sau:

a) Đánh số đầu dòng cho mỗi mục.

b) Mỗi mục được đóng khung và màu sắc tuỳ ý.

2. Tạo một tệp HTML mới, trong đó bao gồm một thanh trình đơn mới theo các yêu cầu sau:

a) Thanh trình đơn gồm các mục sau: Trang chủ, Học tập, Phong trào và Liên lạc.

b) Mỗi mục là một siêu liên kết đến một tệp HTML tương ứng.

c) Thanh trình đơn nằm bên trái trang web, theo phương dọc.

d) Định kiểu màu sắc tuỳ ý khi người dùng tương tác với thanh trình đơn.

Gợi ý: Có thể sử dụng các phần tử như bảng hoặc khung.

Xem đáp án và lời giải

Đề cùng chủ đề

Tất cả đề Bài F10. Định kiểu CSS cho siêu liên kết và danh sách · Các bộ sách Tin học Lớp 12