CSS基础：插入CSS样式的3种方法

在HTML中插入CSS样式的方法主要有以下三种：




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




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




<!-- 在<head>部分链接外部CSS文件 -->
<head>
  <link rel="stylesheet" href="styles.css">
</head>

styles.css 文件内容：




p {
  color: green;
}

HTML文件将显示为绿色的段落文本。