做一份html包含css和
时间: 2023-11-01 19:07:39 浏览: 33
当你在HTML文件中使用CSS样式表时,可以通过以下几种方式来引入CSS样式:
1. 内联样式表(Inline Style):将CSS样式直接写在HTML标签的style属性中,如下所示:
```
<p style="color: red; font-size: 16px;">这是一段红色、16px大小的文本。</p>
```
2. 内部样式表(Internal Style Sheet):将CSS样式写在HTML文档的head标签中的style标签中,如下所示:
```
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一段红色、16px大小的文本。</p>
</body>
</html>
```
3. 外部样式表(External Style Sheet):将CSS样式写在一个独立的CSS文件中,然后在HTML文档中通过link标签将CSS文件引入,如下所示:
```
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是一段红色、16px大小的文本。</p>
</body>
</html>
```
其中,style.css文件的内容如下:
```
p {
color: red;
font-size: 16px;
}
```