zoukankan      html  css  js  c++  java
  • 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,就到这里把。

  • 相关阅读:
    IDEA永久激活方法
    idea在本地调试,spark创建hiveContext的时候报错
    MVC里面调用webservice
    log4net配置
    Linq 使用skip和take分页
    ASP.NET页面之间传递值的几种方式
    C#操作redis
    C#知识点:I/O
    C#知识点:ref和Out关键字浅谈
    C#知识点:反射
  • 原文地址:https://www.cnblogs.com/SevenWang/p/13913496.html
Copyright © 2011-2022 走看看