内部风格

包含在 HTML 文档中的 <style></style> 标记中的 CSS 的功能类似于外部样式表,除了它存在于其样式的 HTML 文档中而不是单独的文件中,因此只能应用于它所在的文档。请注意,此元素必须位于 <head> 元素内以进行 HTML 验证(尽管如果放在 body 中,它将在所有当前浏览器中都有效)。

<head>
    <style>
        h1 {
            color: green;
            text-decoration: underline;
        }
        p {
            font-size: 25px;
            font-family: 'Trebuchet MS', sans-serif;
        }
    </style>
</head>
<body>
    <h1>Hello world!</h1>
    <p>I ♥ CSS</p>
</body>