如何将CSS规则添加到HTML文档

您可以使用<style>元素将CSS规则放入HTML文档中。该标签位于<head> ... </ head>标签内。使用此语法定义的规则将应用于文档中所有可用的元素。

以下是一个示例:

<!DOCTYPE html>
<html>
   <head>
      <style media = "all">
         body {
            background-color: linen;
         }
         h1 {
            color: maroon;
            margin-left: 40px;
         }
      </style>
   </head>
   <body>
      <h1>This is a heading</h1>
      <p>This is a paragraph.</p>
   </body>
</html>