HTML怎么调用CSS
在HTML中调用CSS可以通过多种方式实现，最常见的方式包括内部样式表、外部样式表以及行内样式。这三种方法，并提供相应的代码示例。
一、使用内部样式表
内部样式表是通过在HTML文档的<head>部分使用<style>标签来定义CSS样式。这种方式适用于仅需为单个HTML文件定义样式的情况。
html
</p>
<title>内部样式表示例</title>
body {
background-color: lightblue;
}
h1 {
color: navy;
}
p {
color: red;
}
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<p>二、链接外部样式表
当多个HTML页面需要共享相同的样式时，使用外部样式表是最有效的方法。创建一个CSS文件（如styles.css），然后在HTML文件中通过<link>标签引用它。
步骤1：创建CSS文件 styles.css
css
body {
background-color: linen;
}
h1 {
color: maroon;
}
p {
color: green;
}
步骤2：在HTML文件中链接CSS文件
html
</p>
<title>外部样式表示例</title>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<p>三、使用行内样式
行内样式是直接在HTML元素的属性中定义CSS样式。尽管这种方法简单直接，但不推荐广泛使用，因为它会把内容和表现混合在一起，违背了HTML和CSS分离的实践。
html
</p>
<title>行内样式示例</title>
<h1 style="color: blue">欢迎来到我的网页</h1>
<p style="color: orange">这是一个段落。</p>
<p>以上就是HTML调用CSS的几种主要方式。根据实际需求选择合适的方法可以提高代码的可维护性和复用性。
// 来源：https://www.nzw6.com
