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，就到这里把。