本文最后更新于276 天前，其中的信息可能已经过时，如有错误请发送邮件到2289035571@QQ.COM

感谢 TurboAI对本博客的的大力赞助。创作不易，如果您觉得有帮助，请支持LIncol29!

三种样式

1、内联样式

在HTML标签的style属性中直接定义CSS样式。

<p style="color: red;">这是一段红色的文字。</p>

这种方式的优点是简单快捷，而且一目了然，但是不利于维护，内容展示和样式没有实现解耦。

在HTML文件的<head>标签内使用<style>标签定义CSS样式。

<head>
  <style>
    p {
      color: red;
      font-size: 22px;
			font-weight: bold;
    }
  </style>
</head>
<body>
  <p>这是一段红色的文字。</p>
</body>

内部样式的优点是样式与内容展示结构分离，但仅适用于当前HTML文件。

将CSS样式定义在一个独立的外部CSS文件中，然后在HTML文件中通过<link>标签引入。

<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <p>这是一段红色的文字。</p>
</body>
 
//styles.css文件内容
p {
      color: red;
    }

外部样式的优点是可以在多个HTML文件中共享样式，便于维护和复用。

<b></b>加粗

<br></br>换行

发送评论编辑评论