css外链式的写法格式
时间: 2024-09-14 09:16:53 浏览: 67
CSS外链式写法通常是指将CSS样式表文件链接到HTML文档中,而非直接嵌入在HTML标签内。其基本格式如下:
1. 创建一个新的CSS文件,例如`styles.css`,在这个文件里编写所有样式规则。
```css
/* styles.css */
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
```
2. 在需要应用这些样式的HTML文件的`<head>`部分,添加一个`<link>`元素,指定链接的CSS文件路径:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>我的网页</title>
<!-- 引入外部CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- HTML内容 -->
<h1>欢迎来到我的网站</h1>
</body>
</html>
```
阅读全文