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

每日单词

结构 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：今天下来表示学的没难度，老师讲的都听懂了，最后自己给自己加把油。继续加油！继续努力!