TopStudy

Tin học · Lớp 12

Giải SBT Tin học 12 Định hướng Khoa học máy tính Chân trời sáng tạo Bài F7. Giới thiệu CSS

5 câu · 10 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

Ghép mỗi mã lệnh CSS ở cột bên trái với một diễn giải ở cột bên phải cho phù hợp.

Hình minh hoạ

Hình minh hoạ

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 ý

1-b; a-c; 3-a

Câu 2

1 điểm

Trong Bảng 1, hãy đánh dấu v vào ô trống để xác định nội dung là lợi ích của CSS.

Hình minh hoạ

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 ý

Hình minh hoạ

Câu 3

1 điểm

Em hãy trình bày những ưu điểm và hạn chế của các cách viết mã lệnh CSS.

Hình minh hoạ

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 ý

Hình minh hoạ

Hình minh hoạ

Câu 4

1 điểm
Em hãy định kiểu cho các đề mục trong Bài F2.2 bằng cách viết mã lệnh CSS cho riêng từng phần tử HTML.
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 ý

Đề mục <<h2> và <<h3> có thể định kiểu như sau:

<<h2 style="color: #0027e6; margin-bottom: 20px; border-bottom: 2px solid #0027e6;">Chương 1. Phần mở đầu</h2>

<<h3 style="color: #009ae6; margin-left: 20px; margin-bottom: 28px">Tên đề tài</h3>

Trong đó, color là màu sắc của chữ, margin-left và margin-bottom là căn lề trái và lề dưới, border-bottom là viền dưới nhằm tạo đường gạch hết trang.

Câu 5

1 điểm
Em hãy định kiểu cho tựa bài thơ và các câu thơ trong Bài F1.5 bằng cách viết mã lệnh CSS cho riêng từng phần tử HTML.
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 ý

- Đối với bài thơ gốc, em căn lề phải cho các câu thơ như sau:

<<h2 style="margin-right: 50%; text-align: right">Nguyên Tiêu Hồ Chí Minh</h2>

<<p style="margin-right: 50%; text-align: right">Kim dạ nguyên tiêu nguyệt chính viên</p>

- Đối với bản dịch, em căn giữa trang web như sau:

<<p style="text-align: center">Rằm xuân lồng lộng trăng soi</p>

Đề cùng chủ đề

Tất cả đề Bài F7. Giới thiệu CSS · Các bộ sách Tin học Lớp 12