在HTML中引用CSS，我们通常使用两种方式：内联样式和外部样式表。
1、内联样式：内联样式是将CSS代码直接写在HTML元素的属性中，这种方式的优点是可以直接控制单个元素，但是不便于管理和复用。
我们可以这样为一个段落设置内联样式：
```html
<p style="color: red; font-size: 20px;">这是一个红色的段落。</p>
```
2、外部样式表：外部样式表是将CSS代码写在一个单独的.css文件中，然后在HTML文件中通过link标签引用这个文件，这种方式的优点是可以提高代码的可读性和可维护性，也可以实现多个HTML文件共享同一份CSS代码。
我们需要创建一个.css文件，例如style.css：
```css
p {
color: red;
font-size: 20px;
}
```
在HTML文件中通过link标签引用这个文件：
```html
<link rel="stylesheet" type="text/css" href="style.css">
```
HTML文件中的元素就可以应用这个.css文件中定义的样式了。
3、内部样式表：内部样式表是将所有CSS代码写在HTML文件的head标签中的style标签中，这种方式的优点是可以快速修改页面样式，但是不便于管理和复用。
我们可以这样为一个段落设置内部样式：
```html
<head>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>这是一个红色的段落。</p>
</body>
```
以上就是在HTML中引用CSS的三种方式，在实际开发中，我们通常会选择使用外部样式表或内部样式表，以提高代码的可读性和可维护性。
相关问题与解答：
问题1：如何在HTML中使用JavaScript？
答：在HTML中使用JavaScript，我们可以通过script标签将JavaScript代码写在HTML文件中。
<script>
alert('Hello, World!');
</script>
或者，我们也可以将JavaScript代码写在一个单独的.js文件中，然后在HTML文件中通过script标签引用这个文件。
<script src="script.js"></script>
问题2：如何在HTML中插入图片？
答：在HTML中插入图片，我们通常使用img标签。
<img src="image.jpg" alt="这是一张图片">
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/332023.html
微信扫一扫