Sách bài tập Tin học 12 Bài F7 (Chân trời sáng tạo): Giới thiệu CSS

Với giải sách bài tập Tin học 12 Bài F7: Giới thiệu CSS sách Chân trời sáng tạo hay nhất, chi tiết sẽ giúp học sinh dễ dàng làm bài tập trong SBT Tin học 12 Bài F7.

1 205 16/07/2025


Giải SBT Tin học 12 Bài F7: Giới thiệu CSS

Câu F7.1 trang 51 SBT Tin học 12: 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.

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

Lời giải:

1-b; a-c; 3-a

Câu F7.2 trang 51 SBT Tin học 12: 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.

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

Lời giải:

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

Câu F7.3 trang 51 SBT Tin học 12: 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.

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

Lời giải:

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

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

Câu F7.4 trang 51 SBT Tin học 12: 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.

Lời giả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 F7.5 trang 51 SBT Tin học 12: 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.

Lời giả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>

Xem thêm lời giải Sách bài tập Tin học lớp 12 bộ sách Chân trời sáng tạo hay, chi tiết khác:

Bài F8: Một số thuộc tính cơ bản của CSS

Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

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

Bài F11: Định kiểu CSS cho bảng và phần tử <div>

Bài F12: Định kiểu CSS cho biểu mẫu

1 205 16/07/2025


Xem thêm các chương trình khác: