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

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.


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 lang="en">

<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>


Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 8: Làm quen với CSS

Bình luận

Giải bài tập những môn khác