CSS 嵌入，及其选择器

最新推荐文章于 2022-01-12 21:58:49 发布

aikcsu4084

最新推荐文章于 2022-01-12 21:58:49 发布

阅读量137

点赞数

原文链接：http://www.cnblogs.com/Kernel001/p/CSS.html

版权

CSS

<p style="font-size"></p>

<style type="text/css">
    p{
        font-family:Consolas;
        font-size:24px;
    }
</style>

<p> 这是个段落 </p>

这样<p>标签就会表现出内部文档内嵌样式表的样式

    <link  rel="stylesheet" type="text/css" herf="css/test.css">

    <style type="text/css">
            //   导入式
            @import “css/test.css”
    </style>

注：

调用优先级别：元素内嵌样式 > 内部文档内嵌 > 外部文档内嵌

 <!--style元素--> 
<style type="text/css">
    *{

      }
</style>

<!--style元素--> 
<style type="text/css">
    a{
    }
    p{
    }
</style>
<!--body 元素-->
<body>
    <a> test </a>
    <p> Test </p>
</body>

<!--style 元素：-->
<style type="text/css">
    .class1{
        
        }
</style>
<!--body 元素：-->
<body>
    <p class="class1"＞Test </p>
</body>

<!--style 元素：-->
<style type="text/css">
    #id1{
    
    }
</style>
<!--body 元素：-->
<body>
    <p id="id1"> Test </p>
</body>

<!--style 元素：-->
<style type="text/css">
    [href]{
    
    }
</style>
<!--body 元素：-->
<body>
    <a herf="test.html"> Test </a>
</body>

<!--style 元素：-->
<style type="text/css">
     a:hover{
    }
</style>
<!--body 元素：-->
<body>
    <a> Test </a>
</body>

转载于:https://www.cnblogs.com/Kernel001/p/CSS.html

关注