html 样式标签类型

📌 相关文章

📜 html 样式标签类型 - Html (1)

📅 最后修改于: 2023-12-03 15:31:17.491000 🧑 作者: Mango

在 HTML 中，可以使用样式（CSS）标签来改变网页的外观和排版。本文将介绍 HTML 中的三种样式标签类型：内联样式、嵌入样式和外部样式。

内联样式是将样式声明直接写在 HTML 元素的 style 属性中的一种方式。这种方式通常用于单个元素的样式，比如改变一个段落的颜色为红色：

<p style="color: red;">这个段落将会变成红色</p>

嵌入样式是将样式声明写在 <head> 元素内的 <style> 标签里的一种方式。这种方式通常用于一组 HTML 元素的样式，比如改变所有段落的颜色为红色：

<head>
    <style>
        p {
            color: red;
        }
    </style>
</head>
<body>
    <p>这个段落将会变成红色</p>
</body>

外部样式是将样式声明写在一个单独的 CSS 文件中，然后在 HTML 文件中通过 <link> 标签引用这个 CSS 文件的一种方式。这种方式通常用于整个网站的样式，比如将所有段落的边框设置为 1 像素：

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <p>这个段落将会有一个 1 像素的边框</p>
</body>

其中 style.css 文件的内容可能是这样的：

p {
    border: 1px solid black;
}

总结：