Ví dụ Embedded CSS (Internal Stylesheet)

Embedded CSS: Viết rule CSS bên trong thẻ <style> đặt trong <head>. Áp dụng cho toàn bộ tài liệu.

Ví dụ hoàn chỉnh

<!DOCTYPE html>
<html>
  <head>
    <style media="all">
      body {
        background-color: orange;
      }
      h1 {
        color: yellow;
        margin-left: 30px;
      }
    </style>
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

Thuộc tính <style>

Đặc điểm

• Áp dụng cho **toàn bộ document** này.
• Không cache được riêng (như external file).
• Hữu ích cho: email HTML, prototype nhanh, style đặc thù cho 1 trang.
• Không nên dùng cho site production (khó bảo trì, không cache).