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,就到這里把。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM