国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > style 以获得更好的体验。

# HTML 的 <style> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

HTML 的 <style> 元素包含文档的样式信息或文档的部分内容。其中的 CSS 会应用于包含 <style> 元素的文档内容。

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。

  • blocking: 该属性明确指出在获取关键子资源时应阻止某些操作。通常，@import 样式表被视为关键子资源，而 background-image 和字体则不被视为关键子资源。要阻止的操作必须是下面列出的以空格分隔的阻止标记列表。

    • render ：屏幕上的内容渲染被阻断。

  • media: 该属性规定该样式适用于哪个媒体。属性的取值为媒体查询，如果属性缺失，则默认为 all。

  • nonce: 用于允许在 style-src Content-Security-Policy 中使用内联样式的密码学 nonce（只使用一次的数字）。每次传输策略时，服务器都必须生成一个唯一的 nonce 值。提供一个无法猜测的 nonce 值至关重要，否则绕过资源策略将变得微不足道。

  • title: 该属性指定替代样式表集。

# 示例

<head>
    <style>
    /* 创建一个类样式 */
    .highlight {
        background-color: #f1c40f;
        padding: 2px 5px;
        border-radius: 3px;
    }
    </style>
</head>
<body>
    <p>这是一个使用 <span class="highlight">&lt;style&gt;</span> 元素定义内部CSS样式的示例。</p>
</body>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:04 创建于: 2025-11-27 09:38:04