html中怎么插入css模板
时间: 2023-11-21 10:03:56 浏览: 39
在HTML中插入CSS模板有以下两种方式:
1. 使用<style>标签
可以在HTML文档的<head>标签内使用<style>标签来定义CSS样式。例如:
```
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<style>
body {
background-color: #f2f2f2;
}
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Welcome to my webpage</h1>
<p>This is a paragraph.</p>
</body>
</html>
```
2. 使用<link>标签
可以将CSS样式定义在一个独立的CSS文件中,然后使用<link>标签将其引入到HTML文档中。例如:
```
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Welcome to my webpage</h1>
<p>This is a paragraph.</p>
</body>
</html>
```
其中,style.css是一个独立的CSS文件,它的内容如下:
```
body {
background-color: #f2f2f2;
}
h1 {
color: blue;
}
```