HTML 基础知识：HTML 样式标签

作者：System 时间：2024年08月14日分类：所有,html 字数：733

在HTML中，我们可以使用几种不同的方法来添加样式。以下是一些最常见的方法：

内联样式是直接在HTML元素的style属性中添加CSS代码。

例如：




<p style="color:blue;">这是一个蓝色的段落。</p>

内部样式表是在HTML文档的<head>标签中添加<style>标签，然后在其中添加CSS代码。

例如：




<head>
    <style>
        p { color: red; }
    </style>
</head>
<body>
    <p>这是一个红色的段落。</p>
</body>

外部样式表是创建一个单独的CSS文件，然后在HTML文档的<head>标签中使用<link>标签来引用它。

例如：




<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

styles.css文件的内容可能如下：




p {
    color: green;
}

CSS属性是使用HTML元素的style属性来设置CSS属性。

例如：




<p style="color:orange; font-size:20px;">这是一个橙色的段落。</p>

以上就是HTML中添加样式的几种方法。