Thẻ style
Thẻ style cho phép viết CSS trực tiếp
bên trong trang HTML. Lưu ý, bên trong
thẻ style chúng ta viết, tuân thủ cú pháp
của ngôn ngữ CSS
(bộ chọn, dấu ngoặc nhọn
và như vậy).
Thẻ này nên được đặt bên trong thẻ
head,
tuy nhiên điều này không bắt buộc - thẻ style
có thể được đặt bên trong thẻ body
và nó vẫn sẽ hoạt động.
Không nên lạm dụng thẻ style
- thay vào đó thường nên sử dụng
file CSS
riêng biệt.
Ví dụ
Hãy viết CSS bên trong mã HTML bằng cách sử dụng
thẻ style:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Đây là tiêu đề title</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>Đây là tiêu đề có màu chuẩn (màu đen).</h1>
<p>Đây là đoạn văn có màu đỏ.</p>
</body>
</html>