Giải bài tập Tin học 12 Bài 8: Làm quen với CSS
Khởi động trang 68 Tin học 12: Theo em, làm thế nào để trình bày các đoạn văn, tiêu đề, nhãn trong trang web có cùng màu chữ?
Lời giải:
Muốn trình bày các đoạn văn, tiêu đề, nhãn trong trang web có cùng màu chữ ta phải sử dụng cùng một kiểu định dạng.
Hoạt động trang 70 Tin học 12: Em hãy nêu một số thuộc tính định dạng cho đoạn văn bản mà em đã dùng trong hệ soạn thảo văn bản Micosort Word?
Lời giải:
Một số thuộc tính định dạng cho đoạn văn bản mà em đã dùng trong hệ soạn thảo văn bản Micosort Word:
– Màu sắc
– Phông chữ
– Căn đoạn văn bản.
Luyện tập trang 73 Tin học 12: 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 interal 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.
Lời giải:
Code như sau:
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<meta charset=”utf-8″>
<style>
body {background-color: cyan}
p{}
p{font-size:15px;}
P{color:red;}
</style>
</head>
<body>
<p> Đoạn văn có màu đỏ </p>
</from>
</body>
</html>
Kết quả:
Vận dụng trang 73 Tin học 12: 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.
Lời giải:
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<meta charset=”utf-8″>
<link rel=”astylesheet” href=”https://tailieumoi.vn/bai-viet/166134/styles.css”>
</head>
<body>
<p> Đoạn văn có màu đỏ </p>
</from>
</body>
</html>
Kết quả:
Câu hỏi trang 73 Tin học 12: Mỗi phát biểu sau đây về CSS là đúng hay sai?
a) Sử dụng CSS giúp tách biệt khai báo nội dung với định dạng và trang trí trang web.
b) Để áp dụng CSS, trong văn bản HTML phải khai báo tham chiếu đến tệp CSS. c) Sử dụng external CSS giúp cho nhiều trang web trong một website có thể dùng chung kiểu định dạng và trang trí.
d) Khai báo CSS sử dụng bộ chọn phần tử: p{color-red; font-size:20px;} là đúng cú pháp.
Lời giải:
a) Đúng.
b) Đúng.
c) Đúng.
d) Sai.
Xem thêm cái bài giải bài tập Tin học 12 Cánh diều hay, chi tiết khác:
