Làm việc với phần tử <style> cho CSS

Bạn có thể đặt các quy tắc CSS vào tài liệu HTML bằng cách sử dụng phần tử <style>. Thẻ này được đặt bên trong cặp thẻ <head>...</head>. Các quy tắc được định nghĩa theo cách này sẽ được áp dụng cho tất cả các phần tử có trong tài liệu.

Ví dụ

Dưới đây là ví dụ về CSS nhúng sử dụng phần tử <style>:

<!DOCTYPE html> <html>    <head>       <style media = "all">          body {             background-color: linen;          }          h1 {             color: maroon;             margin-left: 40px;          }         </style>    </head>    <body>       <h1>Đây là một tiêu đề</h1>       <p>Đây là một đoạn văn.</p>    </body> </html>