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

CSS 专栏收录该内容
1 篇文章 0 订阅

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

此处是设置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方式),直接使用,不用再自己写了。

CSS样式一共3种使用方法

No.1:内联式样式表

行样式:

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

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

No2.嵌入式样式表

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

N03.引用式样式表

<head>
 	<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
</head>
  • 5
    点赞
  • 2
    评论
  • 10
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 2 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:精致技术 设计师:CSDN官方博客 返回首页

打赏作者

cx-young

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值