HTML style - 绿叶网

在 HTML 中，style 标签用于定义元素的 CSS 样式。

语法：

<style>
    /* 这里写CSS样式 */
</style>

说明：

需要注意的是，在最新的 HTML5 标准中，style 标签不需要加上 type="text/css" 属性。下面 2 种写法是等价的，推荐写法 1。

<!--写法1-->
<style>
    ……
</style>

<!--写法2-->
<style type="text/css">
    ……
</style>

提示: style 标签定义的是 CSS 内联样式，而 link 标签定义的是 CSS 外部样式。

示例：style 定义 CSS 样式

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        p { color: red; }
    </style>
</head>
<body>
    <p>绿叶网 - 为好教程，全力以赴</p>
</body>
</html>

页面效果如下图所示。

HTML style标签示例

分析：

<style>
    p { color: red; }
</style>

上面代码表示定义 p 元素的颜色为红色。这里涉及了 CSS 的语法，初学 HTML 的小伙伴简单了解即可，暂时不用深究。在 CSS 教程中，我们会学习到。