1. 表单提交
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="save.php" method="post">
<label for="username">用户名：<input type="text" name="username" id="username" placeholder="请输入用户名"></label><br>
<label for="password">用户名：<input type="password" name="password" id="password" placeholder="请输入密码"></label><br>
<input type="submit">
</form>
</body>
</html>
action:表单提交时请求的地址
method:表单请求的方法，method为post或get
input的type为submit时，点击按钮会将表单中的内容以键-值对的形式提交，键名称为name的值，值内容为input的值
2. CSS选择器的权值
标签的权值为1，类的权值为10，ID的权值为100，权值级别相同的，则进行累加，样式有冲突时，权值高的生效
3. 盒子模型
margin border padding
盒子模型占高："width"+"margin-left"+"margin-right" + "border-left" + "border-right" + "padding-left" + "padding-right"
盒子模型宽度与高度类似
但是，在流式布局下，margin-top和margin-bottom可能会重叠
4. relative与absolute组合使用
<body> <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div>
#box1{
width:200px;
height:200px;
position:relative;
}
#box2{ position:absolute;
top:20px;
left:30px;
}
时间： 2024-10-11 12:05:23