在 HTML 中设置样式有以下几种方式:
<style>
标签在 HTML 文件头部定义样式。例如:<head>
<style>
p {
color: red;
font-size: 18px;
}
</style>
</head>
其中,<style>
标签用于定义样式,p
是选择器,表示对所有 <p>
标签应用后面的样式规则。
<link>
标签引用。例如:HTML 文件:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
CSS 文件(styles.css):
p {
color: red;
font-size: 18px;
}
style
属性指定样式规则。例如:<p style="color: red; font-size: 18px;">Hello, world!</p>
需要注意的是,内联样式会增加 HTML 代码量,降低可维护性,因此不建议过多使用。
以上是基本的样式设置方法。需要掌握 CSS 的选择器、样式属性等知识才能更好地运用样式。