css定义样式表写在哪里

CSS（Cascading Style Sheets）是一种用来控制网页样式的技术，它可以为网页添加颜色、布局、字体、大小等样式。CSS样式表可以在HTML文档中定义，也可以单独编写为独立的CSS文件。那么，在HTML文档中如何定义CSS样式表呢？

首先，需要使用style> 标签来定义CSS样式表。style> 标签要放在head> 标签中，并在其中加入相应的CSS代码。例如：

!DOCTYPE html>
    html>
      head>
        meta charset="utf-8">
        title>
    页面标题/title>
        style>
      body {
            background-color: white;
            color: black;
      }
        /style>
      /head>
      body>
        p>
    这是一个段落/p>
      /body>
    /html>
    

可以看到，在上面的代码中，style> 标签用于定义CSS样式表，其中定义了body元素的样式，这里的样式是设置背景颜色为白色，文字颜色为黑色。此时，在页面中使用p> 标签时，其样式也会受到body元素的影响。

另外，也可以将CSS样式表单独写入一个CSS文件中，然后在HTML文档中使用link> 标签将其引入。例如：

!DOCTYPE html>
    html>
      head>
        meta charset="utf-8">
        title>
    页面标题/title>
        link rel="stylesheet" href="styles.css">
      /head>
      body>
        p>
    这是一个段落/p>
      /body>
    /html>
    

在上面的代码中，link> 标签用于引入名为styles.css的CSS文件。这个CSS文件可以独立存放，并包含多个样式定义。在HTML文档中使用p> 标签时，其样式就根据CSS样式表的定义来显示。这样做的好处是，可以将一些公共的样式定义写在一个CSS文件中，不需要在每个HTML文档中重复定义。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！