css 怎么使用外部样式表
时间: 2024-04-14 22:28:14 浏览: 127
使用css外部样式表的方法
5星 · 资源好评率100%
要使用外部样式表(External Stylesheet),需要按照以下步骤进行操作:
1. 创建一个新的 CSS 文件,例如 "main.css"。
2. 在该文件中编写 CSS 样式规则,例如:
```css
body {
background-color: #f1f1f1;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
.container {
width: 800px;
margin: 0 auto;
}
```
3. 将该 CSS 文件保存到与 HTML 文件相同的目录中。
4. 在 HTML 文件的 `<head>` 标签中添加以下代码来链接外部样式表:
```html
<link rel="stylesheet" href="main.css">
```
在这里,`href` 属性的值应该是 CSS 文件的路径,如果 CSS 文件与 HTML 文件在同一目录下,则只需提供文件名即可。
5. 保存 HTML 文件,并在浏览器中打开该 HTML 文件,你将看到应用了外部样式表的效果。
通过使用外部样式表,你可以在多个 HTML 文件中共享相同的样式规则,并且可以提高代码的可维护性和重用性。
阅读全文