引入Css样式中link和rel是什么意思

引入Css样式中link和rel是什么意思

浏览次数:1009次
信息来源: 银河系资源网
更新日期: 2022-07-03
文章简介

引入Css样式中的link和rel:1、link是html中用于定义文档与外部资源关系的标签,最常见的用途就是连接css样式表;2、rel是规定当前文档与被链接文档或者资源之间关系的属性,引入样式语法为“<link rel="stylesheet"...

引入Css样式中的link和rel:1、link是html中用于定义文档与外部资源关系的标签,最常见的用途就是连接css样式表;2、rel是规定当前文档与被链接文档或者资源之间关系的属性,引入样式语法为“<link rel="stylesheet" type="text/css" href="css样式文件">”。

本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。

引入Css样式中link和rel是什么意思

link

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

注意: link 元素是空元素,它仅包含属性。

注意: 此元素只能存在于 head 部分,不过它可出现任何次数。

<link> rel 属性

rel 属性是必须的,规定当前文档与被链接文档/资源之间的关系。

语法为:

<link rel="value">

该属性的属性值如下:

  • alternate 链接到该文档的替代版本(比如打印页、翻译或镜像)。

  • author 链接到该文档的作者。

  • help 链接到帮助文档。

  • icon 导入表示该文档的图标。

  • license 链接到该文档的版权信息。

  • next 表示该文档是集合中的一部分,且集合中的下一个文档是被引用的文档。

  • prefetch 规定应该对目标资源进行缓存。

  • prev 表示该文档是集合中的一部分,且集合中的上一个文档是被引用的文档。

  • search 链接到针对文档的搜索工具。

  • stylesheet 要导入的样式表的 URL。

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>
<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>
</html>

输出结果:

(学习分享:css教程、html教程)

以上就是引入Css样式中link和rel是什么意思的详细内容

标签: 暂无标签
媒体查询是不是css3新增属性
« 上一篇
javascript是否属于html5
下一篇 »
  • react-dnd怎么实现拖拽
    1773阅读
    实现方法:1、利用“import{DndProvider}from &#39;react-dnd&#39;”定义一个可拖拽的范围;2、利用“import{useDrag}from &#39;react-dnd&#39;”将DragSource包裹住组件,使其可以拖动即可。本教程操作环境:Window...
  • 浅析Node中Express的错误处理中间件
    992阅读
    本篇文章带大家了解一下Node中Express的错误处理中间件,介绍一下定义错误处理中间件、与 async/await 一起使用的方法,希望对大家有所帮助!Express 的错误处理中间件可帮助您处理错误,而无需重复同样的工作。假设...
  • jquery中prev的含义是什么
    938阅读
    在jquery中,prev的含义是返回前一个同级元素;该方法用于返回前一个共享相同父元素的元素,并且该方法只返回一个元素,会沿着DOM元素的前一个同级元素向后遍历,语法为“元素对象.prev(搜索前一个同级元素范围的选择...
  • javascript怎么修改元素的style属性
    930阅读
    在javascript中,可以利用setAttribute()方法来修改style属性,该方法可以为一个已存在的指定属性修改属性值,语法“元素对象.setAttribute("style","样式代码");”。本教程操作环境:windows7系统、javascript1.8.5...
  • jquery怎么增加一个li元素
    855阅读
    增加li元素的方法:1、用“$("ul").append(li元素)”;2、用“$(li元素).appendTo("ul")”;3、用“$("ul").prepend(li元素)”;4、用“$(li元素).prependTo("ul")”。本教程操作环境:windows7系统、jquery1.10.2版...
  • jquery怎么移除多个class
    853阅读
    在jquery中,可以使用removeClass()方法来移除多个class类,只需要给该方法传入类名作为参数即可,语法“$(selector).removeClass("类名列表")”,多个类名间使用空格分隔;若省略参数,则会移除所有类。本教程操作环...
  • es6中引入了什么作用域
    842阅读
    es6中引入了“块级作用域”;es5中只有全局作用域和函数作用域,es6中由一对大括号包裹形成的作用域就是块级作用域,并明确允许在块级作用域中声明函数,函数声明语句的行为类似于let,在块级作用域之外不可引用。本...
  • web前端笔试题库之CSS篇
    828阅读
    之前的文章《web前端笔试题库之HTML篇》中,我们分享了一些关于HTML的前端面试题。下面本篇文章就接着上一篇,分享css部分的笔试题(附答案),大家快看看能答对几个!1、Q: CSS 属性是否区分大小写? ``` ul { ...
  • jquery怎么根据id改变元素值
    814阅读
    jquery根据id改变值的方法:1、给元素设置id属性;2、使用“$("#id属性值")”语句获取指定元素对象;3、使用“元素对象.html("新值")”、“元素对象.text("新值")”或“元素.val("新值")”语句来修改元素值。本教程操...
  • es6装饰器有什么用
    797阅读
    在es6中,装饰器用于注释或者修改类和类方法,是一种与类的语法;装饰器是一个编译时执行的函数,给类或者类下面的属性方法加一些控制条件,通常放在类和类方法的定义前面,可以分为类装饰器和类方法装饰器两种,语法...

如本文对您有帮助,随意赞赏一下!