link标签怎么引入css?


link标签怎么引入css?link标签是放在<head>与</head>之间的,只要在<link>标签中放入引入css所需要用到的属性rel、type、href,然后写上属性对应的值,就可以了,举例如下:

<link rel=”stylesheet” type=”text/css” href=”/style.css” />

第一个属性rel是规定当前文档与被链接文档之间的关系,用=连接对应的值stylesheet,这个值表示文档的外部样式表,放在符号””中间。

然后,使用空格放入第二个属性type,type 属性规定被链接文档的 MIME 类型,用=连接对应的值text/css,这个值是MIME 类型的一种,该类型描述样式表,放在符号””中间。

然后,使用空格放入第三个属性href,href规定被链接文档的位置,用=连接对应的值/style.css,这个值就是链接的地址(也就是超链接的 URL),放在符号””中间。站内一般使用相对地址,而不用绝对地址,区别如下:

相对 URL – 指向站点内的某个文件,比如href=”/style.css”

绝对 URL – 指向另一个站点,比如 href=”http://www.xxx.com/style.css”

最后用空格/关闭这个link标签,表示这个标签写完了。

同学们需要注意的是:这个.css文档名称可以随意起,比如我写成rulelaoshi.css,那么link标签的href地址就要改成href=”rulelaoshi.css”,比如我把这个rulelaoshi.css文档放在【新建文件夹】中,则link标签的href地址就要改成href=”新建文件夹/rulelaoshi.css”

看到这里,同学们应该学会link标签怎么引入css了吧?

讲完了head这个头部区域的常用标签,下节课开始讲body这个主体区域的标签,详情点击:《<body></body>标签指的是什么意思?》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/html/7663.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手