[分享]css内容分两块

发布于 2024-11-11 15:34:23

CSS内容分为两块，即内部样式表和外部样式表。内部样式表指的是在HTML文件中使用标签来定义样式，它们仅适用于当前HTML文件。 h1 { color: red; } Hello, world 外部样...

CSS内容分为两块，即内部样式表和外部样式表。

内部样式表指的是在HTML文件中使用<style>标签来定义样式，它们仅适用于当前HTML文件。

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1 {
        color: red;
      }
    </style>
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>

外部样式表则是将样式定义在一个独立的CSS文件中，它们可以被多个HTML文件共享。

/* styles.css */
h1 {
  color: red;
}

/* index.html */
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>

使用外部样式表的主要好处是可以将样式与内容分离，使HTML文件更加清晰和易于维护。

css 教程