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

    css放在哪里

    藏色散人藏色散人2021-04-08 09:10:41原创100

    css可以放的位置有三种,分别是:1、放在元素标签的style属性中,仅对当前元素有效;2、放在当前页面头部的head标签的style标签中,仅对当前页面所有元素有效;3、放在独立的CSS文件中,对所有引入该文件的页面均有效。

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

    css代码可以放哪里?

    1,写在元素标签的style属性中,仅对当前元素有效;

    2,写在当前页面头部的head标签的style标签中,仅对当前页面所有元素有效;

    3,写在独立的CSS文件中,在head标签中使用<link>标签引用;对所有引入该文件的页面均有效。

    下面我们用例子来一一说明:

    写在元素标签的style属性中:

    <p style="color:red;">abc</p>

    写在当前页面头部的标签中:

    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            p{
                text-align: center;
            }
        </style>
    </head>

    写在独立的CSS文件中,使用<link>标签引用:

    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link rel="stylesheet" href="Untitled-1.css">
    </head>

    下面是CSS独立文件中的内容:

    p{
        color: red;
    }

    【推荐学习:css视频教程

    以上就是css放在哪里的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css怎么实现英文不换行 下一篇:css怎么让样式失效
    第15期线上培训班

    相关文章推荐

    • css怎样清除浮动• css3中媒体查询的语法组成是什么• 常见的css框架有哪些• css中字体怎么设置• 怎么解决css文件乱码问题

    全部评论我要评论

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

    PHP中文网