盒子寬度無非就是margin-left+border+padding-left+內容寬度+padding-right+border+margin-right
盒子高度無非就是margin-top+border+padding-top+內容高度+padding-bottom+border+margin-bottom
盒子高度無非就是margin-top+border+padding-top+內容高度+padding-bottom+border+margin-bottom
2022-02-20
嗯,在這里我說說我的心得吧:我在學習這章這節的時候,我是按照代碼圖片去自己敲的代碼,當我在敲到<table border="1">的時候發現后面兩行出現了紅色的小?,我就沒管它,繼續往下敲,一直敲到</table>結束后,這時發現原本出現在后面的那兩個小?不見了。運行后就成功了。我想告訴大家一個道理:當時有?不要去糾結,否則會耽誤你敲代的效率,等一個代碼塊或一個小需求全部敲完再回過頭來檢查就好了。
2022-01-28
父級div的position屬性設置為relative后,并沒有設置上下左右偏移量,所以還是在原地。實際上可以設置top: 100px看看效果。
同時子元素的position屬性設置為absolute,因為父級div具有位置屬性,所以可以相對父級元素進行偏移
同時子元素的position屬性設置為absolute,因為父級div具有位置屬性,所以可以相對父級元素進行偏移
2021-12-07
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>input-placeholder</title>
</head>
<body>
<form>
用戶名
<input type="text" name="myname" placeholder="請輸入用戶名"/>
<br>
密碼<input type="password" name="pass" placeholder="請輸入密碼" />
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>input-placeholder</title>
</head>
<body>
<form>
用戶名
<input type="text" name="myname" placeholder="請輸入用戶名"/>
<br>
密碼<input type="password" name="pass" placeholder="請輸入密碼" />
</form>
</body>
</html>
2021-11-03
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>target屬性</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com" target="_blank">百度</a>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>target屬性</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com" target="_blank">百度</a>
</body>
</html>
2021-11-01