Trả lời Câu hỏi Vận dụng trang 73 SGK Tin học 12 Cánh diều – Bài 8. Làm quen với CSS. Hướng dẫn: Sử dụng phần bài tập đã làm trong mục luyện tập.
Câu hỏi/Đề bài:
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.
Hướng dẫn:
Sử dụng phần bài tập đã làm trong mục luyện tập.
+ Tạo tệp styles.css.
+ Tạo văn bản HTML mới và liên kết với tệp CSS.
Lời giải:
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:
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Trang web với CSS ngoài</title>
<link rel=”stylesheet” href=”styles.css”> <!– Liên kết với tệp CSS external –>
</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>