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>标签指的是什么意思?》。

转载时需注明来源!首发网站:如乐建站之家;原文网址:
https://www.rulejianzhan.com/html/7663.html
如乐建站之家创始人——范如乐:

如乐建站之家创始人范如乐      【如乐建站之家】由范如乐于2013年创建至今,立志于解决新手不会快速自己建网站的痛苦,让你也能零基础快速学会自己建网站!详细教程点击下图:




热门文章: