html文件中写入css样式

<p>在HTML文件中写入CSS样式可以通过以下几种方式：</p>
<ol>
<li>内联样式：在HTML标签的style属性中写入CSS样式。例如：</li>
</ol>
<pre><code class="language-html">&lt;p style=&quot;color: red; font-size: 20px;&quot;&gt;这是一个红色的段落&lt;/p&gt;
</code></pre>
<ol start="2">
<li>内部样式表：在HTML文件的<head>标签中使用<style>标签来定义CSS样式。例如：</li>
</ol>
<pre><code class="language-html">&lt;head&gt;
    &lt;style&gt;
        p {
            color: red;
            font-size: 20px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p&gt;这是一个红色的段落&lt;/p&gt;
&lt;/body&gt;
</code></pre>
<ol start="3">
<li>外部样式表：将CSS样式写在一个独立的CSS文件中，然后在HTML文件的<head>标签中使用<link>标签引入CSS文件。例如：</li>
</ol>
<pre><code class="language-html">&lt;head&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p&gt;这是一个红色的段落&lt;/p&gt;
&lt;/body&gt;
</code></pre>
<p>其中，styles.css是一个独立的CSS文件，内容如下：</p>
<pre><code class="language-css">p {
    color: red;
    font-size: 20px;
}
</code></pre>
<p>以上是三种常见的在HTML文件中写入CSS样式的方式。根据具体需求和项目的复杂度，可以选择适合的方式来管理和应用CSS样式</p>