3)嵌入外部样式表实现
时间: 2024-05-09 13:20:44 浏览: 129
最新整理CSS样式表.pdf
嵌入外部样式表可以通过以下步骤实现:
1. 创建一个新的样式表文件,文件后缀名为.css,例如style.css。
2. 在HTML文档的<head>标签中添加<link>元素,指向新建的样式表文件。
例如:
```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
3. 在样式表文件中编写CSS样式规则,例如:
```css
body {
background-color: #f5f5f5;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
color: #333;
font-size: 28px;
text-align: center;
}
p {
color: #666;
font-size: 16px;
line-height: 1.5;
}
```
4. 保存并运行HTML文档,可以看到页面应用了样式表中定义的样式规则。
通过嵌入外部样式表,可以将样式与HTML文档分离,提高代码可读性和维护性。同时,多个HTML文档可以共用同一个样式表,减少代码重复。
阅读全文