link标签的href=与 rel=stylesheet是什么意思？

最新推荐文章于 2023-08-03 20:46:44 发布

原创最新推荐文章于 2023-08-03 20:46:44 发布 · 2.2w 阅读

CC 4.0 BY-SA版权

文章标签：

1 篇文章

订阅专栏

本文详细解释了CSS样式通过link标签引入的方法，包括href与rel属性的作用。探讨了三种CSS使用方式：内联式、嵌入式及引用式，并对比了它们的特点。

此处是设置CSS样式的，叫做外部格式链接。
rel=“stylesheet” type=“text/css” 是固定写法，不可修改。

href是URL
rel是relationship的英文缩写，意思是“关系”；
stylesheet中style是“样式”的意思,sheet是”表格“，加起来是样式表的意思；
href连接的文档是一个新样式表。

就是说，把.css文件中设置的css样式读进来作为css样式设置。其实和你自己写的css样式是一样的，例如

<style type="text/css">
	.id{color:red}
</style>

只是你自己定义的CSS样式是直接写在网页上（传统方式），此处是一个css文件中读进来（link方式），直接使用，不用再自己写了。

行样式:

<div style="color:red;"></div>

但是只能操作1个标签，不过使用灵活，更以改变细节。

<head>
<style type="text/css">
	.id{color:red}
</style>
</head>

<head>
 	<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
</head>