Câu hỏi/bài tập:
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.
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.
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 */
Advertisements (Quảng cáo)
}
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>