Bài 8. Làm quen với CSS

datcoder

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.

Nguyễn  Việt Dũng
29 tháng 4 lúc 10:07

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>