[分享]css内部样式表保存

CSS内部样式表是一种将样式信息嵌入到HTML文档中的方法。这种方法可以使得样式代码和HTML文档写在一起，方便代码管理和维护。在HTML文档中，我们可以使用标签来定义内部样式表的样式。 p { co...

CSS内部样式表是一种将样式信息嵌入到HTML文档中的方法。这种方法可以使得样式代码和HTML文档写在一起，方便代码管理和维护。在HTML文档中，我们可以使用<style>标签来定义内部样式表的样式。

 <style>
    p {
      color: red;
      font-size: 18px;
    }
  </style> 

上面的代码定义了一个p标签的样式，包括颜色和字体大小信息。当HTML文档被浏览器解析时，浏览器会读取内部样式表的信息并将其应用到HTML文档中。

与外部样式表不同的是，内部样式表只影响当前HTML文档中的元素，而不影响其他HTML文档。这是因为内部样式表的样式信息是写在HTML文档中的，只针对当前HTML文档。

内部样式表也可以定义多个选择器的样式信息，如下所示：

 <style>
    p {
      color: red;
      font-size: 18px;
    }
    h1 {
      color: blue;
      font-size: 24px;
    }
  </style> 

上面的代码定义了两个选择器的样式信息，一个是p标签的样式，一个是h1标签的样式。这样，当HTML文档中出现p标签或者h1标签时，内部样式表中定义的样式会自动被应用到这些标签上。