标签：
<!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的值
标签的权值为1，类的权值为10，ID的权值为100，权值级别相同的，则进行累加，样式有冲突时，权值高的生效
margin border padding
盒子模型占高："width"+"margin-left"+"margin-right" + "border-left" + "border-right" + "padding-left" + "padding-right"
盒子模型宽度与高度类似
但是，在流式布局下，margin-top和margin-bottom可能会重叠
<body> <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div>
#box1{
width:200px;
height:200px;
position:relative;
}
#box2{
position:absolute;
top:20px;
left:30px;
}
标签：
原文地址：http://www.cnblogs.com/qingbin-bai/p/4790070.html
