內部風格

包含在 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>