我在乐字节学习的第三天

184 阅读2分钟

今天是学习前端的第三天,用来巩固前两天所学的前端知识,今天上课老师就对我们进行例行检查,我当然也被DS咯,我当然也被叫上去了,结果有点惨,对于英语渣渣额的我,最后获得了20遍单词的抄写,接下来就是今天的教程了。

css选择器

1.后代选择器 空格 sel1 sel2 sel1里面的所有sel2 2. 子选择器 > 右括号 sel1>sel2 sel1下一目录下所有sel2 3. 兄弟选择器 +加号 sel1 + sel2 紧跟在sel1值之后的sel2 4.组合选择器 合并选择器 , 逗号 sel1,sel2 sel1和sel2所有

每日单词

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

今日成果

1

<!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 在这里插入图片描述 img ps:今天下来表示学的没难度,老师讲的都听懂了,最后自己给自己加把油。继续加油!继续努力!