html 初始化css
时间: 2023-07-26 16:14:15 浏览: 86
初始化CSS文件
在HTML中,可以通过使用`<link>`标签来引入外部CSS文件,也可以使用`<style>`标签在HTML文件中编写CSS代码。一般情况下,建议将CSS代码单独写在一个外部文件中,然后通过`<link>`标签将其引入HTML文件中,这样可以使代码更加清晰易读,并且减少HTML文件的大小。以下是一个示例:
在HTML文件中引入外部CSS文件:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is some text.</p>
</body>
</html>
```
在HTML文件中编写CSS代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<style>
h1 {
color: red;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is some text.</p>
</body>
</html>
```
阅读全文