Cách dùng thẻ <style> để định nghĩa CSS nội bộ (Internal CSS) cho trang HTML?

Thẻ <style> dùng để khai báo stylesheet bên trong thẻ <head>...</head>. Kỹ thuật này gọi là Internal CSS (CSS nội bộ) — một trong các cách thêm CSS vào HTML.

CSS trong <style> chỉ áp dụng cho trang đơn lẻ đó.

Ví dụ

<!DOCTYPE html>
<html>
<head>
    <style>
        h1 { color: green; }
        p { font-size: 14px; }
    </style>
</head>
<body>
    <h1>Các hướng dẫn</h1>
    <p>Chúng tôi cung cấp nội dung học tập miễn phí.</p>
</body>
</html>

3 cách thêm CSS vào HTML (so sánh):

Cách	Cú pháp	Phạm vi	Dùng khi nào
Inline	`<p style="...">`	1 element	Test nhanh, email HTML
Internal	`<style>...</style>` trong head	1 trang	Trang đơn, demo, prototype
External	`<link rel="stylesheet" href="...">`	Nhiều trang	Dự án thực tế (khuyến nghị)

Lưu ý: Internal CSS không tận dụng được cache trình duyệt như External CSS. Chỉ dùng cho trang đơn lẻ hoặc prototype.