我在乐字节线上学习的第三天（持续更新中）-CSDN博客

本文链接：https://blog.csdn.net/dirft_din/article/details/109152203

第三天学习

每日单词

结构 structure 背景 background 按钮button 像素 pixel 边框 border

今日成果

<!DOCTYPE html>
<html>
     <head>
            <title>11.29</title>
            <style>
            #p1{
                font-size:30px;
            }   
            .p22{
                font-size:40px;
            }
             p{
                font-size:20px;
            }
            #id{
                width: 500px;
                height: 400px
            }
             #div0 span{
            font-size:60px; 
            }
             #div0>span{
            font-size:80px; 
            }
            #div0+p{
            font-size:40px; 
            }
            #pp,#divv,#spann{
                font-size:50px; 

            }
            #pp{
                color: blue;
            }
            .btn{
                width: 100px;
                height: 50px
            }
            .red{
                color: red;
            }
            .blue{
                color: blue;
            }
            .ww {
            width: 80px;
            height: 60px;
            }

            .w1 {
            background: rgb(0, 0, 255);
            }

            .w2 {
            background: rgba(0, 0, 255, 0.6);
        }
            </style>
</head>
<body>
    <div class="ww w1"></div>
    <div class="ww w2"></div>
    <hr/>
<button class="btn red">红色按钮</button>
<button class="btn blue">蓝色按钮</button>
    <hr/>
<p id="pp">段落中的内容1</p>
<div id="divv">段落中的内容2</div>
<span id="span">段落中的内容3</span>
<hr/>
    <span>span测试内容1</span><br/>
    <span>span测试内容2</span><br/>
    <span>span测试内容3</span><br/>
<hr/>
    <div id="div0">
        <span>div中span测试内容</span>
        <p><span>div中p中的span测试内容</span></p>
    </div>
      <p>p中span测试内容1</p>
       <p>p中span测试内容2</p>
    <hr/
    <p id="p1">这是一个测试段落对的语句id</p>
    <p class="p22">这是一个测试段落对的语句class</p>
    <p>这是一个测试段落对的语句tag</p>
    <img id="id"src="C:\Users\99722\Documents\1111.jpg" titlt="这是一张图片">
    <div id="div2">
    <img id="id2"src="C:\Users\99722\Documents\1111.jpg" titlt="这是一张图片">    
    </div>
    </body>
</html>
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990

2 在这里插入图片描述 ps：今天下来表示学的没难度，老师讲的都听懂了，最后自己给自己加把油。继续加油！继续努力!