我在樂位元組線上學習的第三天（持續更新中）
阿新 • • 發佈：2020-10-20
第三天學習
每日單詞
結構 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>
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889902 
ps：今天下來表示學的沒難度，老師講的都聽懂了，最後自己給自己加把油。繼續加油！繼續努力!