• 技术文章 >web前端 >css教程

    css样式引入的三个级别

    无忌哥哥无忌哥哥2018-06-28 16:59:52原创1142
    1.属性引入: 在标签中添加style属性,仅适用于当前标签

    2.<style>标签引入: 在当前页面中使用<style>标签引入,仅适用于当前文档

    3.<link>标签引入: 引用外部的CSS样式表文件,适用于所有引入该文件的文档

    三种方式各有用途,根据需求来使用,不过,除非情况特殊,否则尽可能的使用外部样式表

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./css/demo.css">
    <link rel="stylesheet" type="text/css" href="./css/demo.php">
    <title>css样式引入的三个级别</title>
    <style type="text/css">
    h3  {
    background-color: lightcyan;
    color: blue;
    }
    </style>
    </head>
    <body>
    <h3 style="color: green">这是一个悲伤的故事</h3>
    </body>
    </html>

    以上就是css样式引入的三个级别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:css中的基本术语 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 聊聊怎么利用CSS实现波浪进度条效果• 手把手教你使用CSS实现酷炫六边形网格背景图• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景
    1/1

    PHP中文网