Css引入方式

<p>有三种方式可以引入CSS样式表：</p>
<ol>
<li>内联样式：直接在HTML标签内使用style属性设置样式，如：</li>
</ol>
<pre><code>&lt;p style=&quot;color: red;&quot;&gt;这是一段红色的文字&lt;/p&gt;
</code></pre>
<ol start="2">
<li>嵌入样式：在HTML文件头部使用<style>标签引入样式，如：</li>
</ol>
<pre><code>&lt;head&gt;
  &lt;style&gt;
    p {
      color: red;
    }
  &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文件中，然后在HTML文件头部使用<link>标签引入样式，如：</li>
</ol>
<pre><code>&lt;head&gt;
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;p&gt;这是一段样式在style.css文件中定义的文字&lt;/p&gt;
&lt;/body&gt;
</code></pre>