css怎么嵌入到html

admin 2023年11月28日 18:14 48 0

CSS可以通过三种方式嵌入到HTML中：内联样式、内部样式表和外部样式表。

1. 内联样式：将CSS代码直接写在HTML标签的style属性中，例如：

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

2. 内部样式表：在HTML文档的head标签中通过style标签定义CSS代码，例如：

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

3. 外部样式表：将CSS代码写在一个单独的.css文件中，然后在HTML文档的head标签中通过link标签引入该.css文件，例如：

<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <p>这是一段红色文字。</p>
</body>

在styles.css文件中写入以下代码：

p {
  color: red;
}

以上三种方式都可以将CSS嵌入到HTML中，具体使用哪种方式取决于实际情况，如果只需要对单个页面进行样式设置，可以使用内联样式或内部样式表；如果需要对多个页面进行样式设置，可以使用外部样式表，这样可以减少重复代码，提高代码的可维护性。