果然是好久沒更新了,一次比一次時間長。
昨天心血來潮研究了下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,就到這里把。