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

    引入css样式表的方法有哪些

    青灯夜游青灯夜游2021-06-08 14:33:35原创107

    方法:1、在元素标签内的style属性中添加CSS样式;2、在文档head部分的style标签对中添加CSS样式;3、将CSS代码放入“.css”文件中,使用“<link rel="styleheet" href="文件路径">”语句引入。

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

    CSS的三种样式表

    按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分为以下三大类:

    1.行内样式表

    行内样式表的语法格式如下:

    <div style="color: blue; font-size: 16px;">测试</div>

    注意:

    2.内部样式表

    内部样式表的语法格式如下:

    <style>
    div {
    color: blue;
    font-size: 16px;
    }
    </style>

    注意:

    3.外部样式表

    引入外部样式表的步骤:

    <link rel="styleheet" href="css文件路径">
    属性说明
    rel定义当前文档与别链接文档之间的关系,"stylesheet"表示:被链接的文档是一个样式表文件
    href定义所链接的外部样式表文件的URL,可以是相对路径,也可以是绝对路径

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

    以上就是引入css样式表的方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css样式表
    上一篇:css的属性分为什么类别 下一篇:内联css写法是什么
    第16期线上培训班

    相关文章推荐

    • css表格边框怎么设置• css怎么设置图片拉伸不重复• css a怎么去掉下划线• css目标选择器有哪些• css样式由哪两部分组成• 用css怎么实现实现宽高比

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网