Link中rel里面StyleSheet的作用

果然是好久没更新了,一次比一次时间长。

昨天心血来潮研究了下LayUi,因为最近项目里要用这个玩意儿。

结果按照文档一步步走下来写类,写属性,写html的时候发现。似乎没效果

 这是为什么?

机智如我,马上去看了下引用顺序是否和官方指定的有所区别。

嗯,先引用layui.css,

再引用layui.js。

没毛病啊!

<link href="~/Content/layui/layui.css"/>

仔细研究,反复思索(其实是借助搜索)

发现加上rel=“styleSheet”后就好了

<link rel="stylesheet" type="text/css" href="~/Content/layui/layui.css"/>

这是为什么呢,这个styleSheet是个什么玩意儿,本着打破砂锅问到底的精神(为什么我不知道??)

去研究了一下这个styleSheet具体他的作用是什么。

在探索的时候发现了这么一句话

----------------------------------------------------------------------------------

Link标签有两个作用:1. 定义文档与外部资源的关系;2. 是链接样式表。

----------------------------------------------------------------------------------

就不能用通俗的语言来说下这是个什么玩意儿吗?这说了半天还是云里雾里的。

在我仔细翻查后,果然,还是有大佬的

----------------------------------------------------------------------------------

link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,

说白了就是指明你链进来的对象是个什么东西的,

----------------------------------------------------------------------------------

似乎明白了一些。

然后继续看,

----------------------------------------------------------------------------------

rel="styleSheet" 
打个比喻:就好比你带了个妞去一个party,虽然你知道这个妞是谁,但是你没给别人介绍啊,谁知道这个妞是干嘛的。
于是你加上rel="stylesheet",然后人们就知道了,哦......原来这个妞是你带来蹭饭的!

----------------------------------------------------------------------------------

像这种通俗易懂的方式讲解,才是我辈中人啊。明白了

<link rel="stylesheet" type="text/css" href="~/Content/layui/layui.css"/>

那么type="text/css" 也是一个道理,都是用来告诉浏览器的,我这个是一个css的文本,你要是不认识就别乱搞。

对于一些特殊浏览器 不能识别css的,会将代码认为text,从而不显示也不报错。

不过根据官方建议 ,一般还是加上比较好。

因为这个表示的是浏览器的解释方式,如果不定义的话,有些CSS效果浏览器解释得不一样。

emmmmmm,就到这里把。

原文地址:https://www.cnblogs.com/SevenWang/p/13913496.html