首页在HTML中如何使用`<link>`标签引入CSS文件？

在HTML中如何使用`<link>`标签引入CSS文件？

时间: 2024-09-08 22:03:25 浏览: 72

在HTML中，使用`<link>`标签引入CSS文件是一种常见的方法，主要用于将外部样式表链接到HTML文档中。`<link>`标签应该放置在HTML文档的`<head>`部分。下面是一个具体的使用示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title>  <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body>  </body> </html> ``` 在这个例子中，`<link>`标签有三个主要的属性： - `rel`：这个属性定义了当前文档与被链接文档之间的关系。对于CSS文件，应该使用`stylesheet`值。 - `type`：这个属性定义了被链接文档的MIME类型。对于CSS，使用`text/css`。 - `href`：这个属性指定了被链接文档的位置。对于外部CSS文件，这里填写的是CSS文件的路径。

阅读全文