• 技术文章 >web前端 >前端问答

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

    长期闲置长期闲置2022-06-30 14:42:32原创228

    引入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">

    该属性的属性值如下:

    示例如下:

    <!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>

    输出结果:

    09.png

    (学习视频分享:css视频教程html视频教程

    以上就是引入Css样式中link和rel是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:img的src属性可以用css写吗 下一篇:javascript中有几个栈
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css3的新增属性有没有设置文本溢出的样式• 类名选择器是css3新增才有的吗• 粘性定位是css3新增的吗• css3的盒子模型有什么用• 浮动是css3的新特性吗
    1/1

    PHP中文网