HTML_CSS学习：CSS的编写位置

作者：System 时间：2024年08月15日分类：所有,css 字数：565

这篇文章距离上次修改已过449天，其中的内容可能已经有所变动。

CSS可以通过以下几种方式编写：

示例代码：

内联样式：




<p style="color: red;">这是一个红色文本。</p>

内部样式表：




<head>
  <style>
    p { color: blue; }
  </style>
</head>
<body>
  <p>这是一个蓝色文本。</p>
</body>

外部样式表：




<!-- 在<head>部分引入外部CSS文件 -->
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

styles.css 文件内容：




p {
  color: green;
}

在实际开发中，为了维护方便和分离关注点，通常推荐使用外部样式表。