CSS的三种选择器#ID,.Class,标签

最新推荐文章于 2022-06-30 13:08:30 发布

weixin_30480583

最新推荐文章于 2022-06-30 13:08:30 发布

阅读量518

点赞数

文章标签：开发工具

原文链接：http://www.cnblogs.com/bichen-01/p/11493665.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的三个选择器</title>



    <!--先声明-->
    <!--#ID  ID选择器-->
    <!--.class  类选择器-->
    <!--标签  标签选择器 -->
    <script type="text/css"></script>
    <style>

        #zhangfei{

            color: red;

            font-size: 2em;

            font-weight: bold;
        }

            .box{
            color: blue;

            font-size: 2em;
                font-weight: normal;
            }

        span p{

            color: yellow;
            font-size: 2em;
            font-weight: 900;
        }

        p#a{

            color: saddlebrown;
            font-size: 2em;
            font-weight: 900;
        }
        p#b{
            color: aquamarine;
            font-size: 2em;
            font-weight: 700;
        }
        /*p#b{*/
        /*    <!--字体-->*/
        /*    font-family: 標楷體;*/
        /*}*/
    </style>

</head>
<body>
<div class="box"></div>
<span id="zhangfei">张飞</span>

<span class="box">关羽</span>

<span><p>刘备</p></span>


<p id="a">刘备</p>

<p id="b">刘备</p>
</body>
</html>

转载于:https://www.cnblogs.com/bichen-01/p/11493665.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30480583

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS的三种选择器#ID,.Class,标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS的三个选择器</title>  ...
复制链接

扫一扫