Đáp án Tin học ứng dụng 12 cánh diều bài 8: Làm quen với CSS
File đáp án Tin học 12 - Tin học ứng dụng cánh diều bài 8: Làm quen với CSS. Toàn bộ câu hỏi, bài tập ở trong bài học đều có đáp án. Tài liệu dạng file word, tải về dễ dàng. File đáp án này giúp kiểm tra nhanh kết quả. Chỉ có đáp án nên giúp học sinh tư duy, tránh học vẹt.
Xem: => Giáo án Tin học 12 - Định hướng Tin học ứng dụng cánh diều
BÀI 8. LÀM QUEN VỚI CSS
KHỞI ĐỘNG
Theo em, làm thế nào để trình bày các đoạn văn bản, tiêu đề, nhãn trong trang web có cùng màu chữ?
Giải chi tiết:
Để trình bày các đoạn văn bản, tiêu đề và nhãn có cùng màu chữ trên trang web, bạn có thể sử dụng CSS để áp dụng các quy tắc kiểu cho các phần tử tương ứng. Đầu tiên, bạn cần tạo hoặc chỉnh sửa tệp CSS để định dạng màu chữ cho các phần tử. Sau đó, liên kết tệp CSS với tệp HTML và áp dụng các quy tắc CSS cho các phần tử HTML trong trang. Điều này giúp đảm bảo rằng các đoạn văn bản, tiêu đề và nhãn trên trang web của bạn sẽ có cùng màu chữ.
1. BẢNG ĐỊNH DẠNG CSS
2. KHAI BÁO BỘ CHỌN PHẦN TỬ VÀ ÁP DỤNG CSS
3. MỘT SỐ THUỘC TÍNH ĐỊNH DẠNG CSS
Em hãy cho biết mỗi phát biểu sau về AI là đúng hay sai?
a) “Turing Test” là bài kiểm tra trí tuệ của máy tính
b) Nhờ mở rộng phạm vi ứng dụng mà AI yếu phát triển thành AI mạnh
c) AI tạo sinh có thể giúp học sinh viết được một bài văn tả cảnh đẹp của quê hương
d) AI có thể tự hành động một cách hợp lí.
Giải chi tiết:
……………………………………………………………………………………
HOẠT ĐỘNG
Em hãy nêu một số thuộc tính định dạng văn bản mà em đã dùng trong hệ soạn thảo văn bản Microsoft Word.
Giải chi tiết:
Dưới đây là một số thuộc tính định dạng văn bản phổ biến trong hệ soạn thảo văn bản Microsoft Word:
1. Font: Cho phép bạn chọn kiểu chữ (ví dụ: Times New Roman, Arial, Calibri).
2. Kích thước: Định dạng kích thước chữ (ví dụ: 12pt, 14pt).
3. In đậm: Làm đậm chữ.
4. Nghiêng: Làm nghiêng chữ.
5. Gạch chân: Gạch chân dưới chữ.
6. Gạch ngang: Gạch ngang qua chữ.
7. Màu chữ: Thay đổi màu của chữ.
8. Dòng nổi: Tạo dòng chữ nổi lên so với văn bản xung quanh.
9. Dòng chìm: Tạo dòng chữ lõm xuống so với văn bản xung quanh.
10. Canh lề: Điều chỉnh lề trái, phải, trên, dưới của văn bản.
11. Thụt đầu dòng: Thiết lập thụt vào dòng đầu tiên của đoạn văn bản.
12. Chèn hiện thị và ẩn: Chèn hoặc ẩn văn bản trong văn bản.
13. Dòng chữ đồng đều: Canh đều cả hai lề của văn bản.
14. Chèn liên kết: Chèn liên kết đến trang web hoặc tài liệu khác.
15. Chèn chú thích: Chèn chú thích hoặc ghi chú vào văn bản.
LUYỆN TẬP
Em hãy soạn văn bản HTML có hai đoạn văn bản được tạo bởi phần tử p. Khai báo và áp dụng internal CSS để trình bày trang web có nền màu xanh lơ (cyan); đoạn văn bản có chữ màu đỏ, phông chữ Arial, cỡ chữ 15 pixel.
Giải chi tiết:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trang web với CSS nội bộ</title>
<style>
body {
background-color: cyan; /* Màu nền xanh lơ */
}
p {
color: red; /* Màu chữ đỏ */
font-family: Arial, sans-serif; /* Phông chữ Arial */
font-size: 15px; /* Cỡ chữ 15 pixel */
}
</style>
</head>
<body>
<p>Đây là đoạn văn bản thứ nhất.</p>
<p>Đây là đoạn văn bản thứ hai.</p>
</body>
</html>
VẬN DỤNG
Em hãy chuyển các khai báo internal CSS trong mục Luyện tập thành khai báo external CSS ghi lưu với tên tệp “styles.css”, tạo mới văn bản HTML để áp dụng bảng định dạng styles.css này.
Giải chi tiết:
Tạo tệp styles.css:
/* styles.css */
body {
background-color: cyan; /* Màu nền xanh lơ */
}
p {
color: red; /* Màu chữ đỏ */
font-family: Arial, sans-serif; /* Phông chữ Arial */
font-size: 15px; /* Cỡ chữ 15 pixel */
}
Tạo văn bản HTML mới và liên kết với tệp CSS:
-----------------------------------
------------------- Còn tiếp -------------------
=> Giáo án Tin học ứng dụng 12 cánh diều bài 8: Làm quen với CSS