盒子宽度无非就是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