在编写web页面时,我们经常需要使用CSS来美化网页。而CSS外联链接就是一种非常方便的方式。
在HTML文档中,我们可以通过标签来引入外部的CSS文件,从而将样式应用到我们的网页中。
下面是一个基本的CSS外联链接的样例代码:
```样例页面
这是一个段落
这是一个DIV
```
在上面的代码中,标签的href属性指定了外部CSS文件的路径。这里我们假设样式文件名为"style.css",并且与HTML文件在同一目录下。
我们可以在样式文件中定义各种CSS规则,例如修改文本颜色、背景色、字体样式等等。下面是一个简单的样式文件:
```
p {
color: red;
}
div {
background-color: yellow;
font-weight: bold;
}
```
在上面的样式文件中,我们给标签应用了红色的文本颜色,同时给
标签指定了黄色的背景色和加粗的字体。
需要注意的是,标签通常应该放在标签中,而不是在标签中。这样可以让网页在加载时先加载样式文件,从而保证网页加载时有良好的外观。同时,我们也可以在标签中写入内部样式(