2019-06-03完善

1.完善

.box1{

width: 300px;

height: 300px;

background-color: #bfa;

}

.box2{

width: 200px;

height: 200px;

background-color: yellow;

/*

子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素

使用空的table标签可以隔离父子元素的外边距，阻止外边距的重叠

*/

margin-top: 100px;

}

.box3{

border: 10px red solid;

}

.box4{

width: 100px;

height: 100px;

background-color: blue;

float: left;

}

/*解决父子元素的外边距重叠*/

/*.box1:before{

content: "";*/

/*display:table可以将一个元素设置为表格显示*/

/*display: table;

}*/

/*解决父元素高度塌陷*/

/*.clearfix:after{

content: "";

display: block;

clear: both;

}*/

/*

经过修改后的clearfix是一个多功能的样式，既可以解决高度塌陷，又可以确保父元素和子元素的垂直外边距不会重叠

*/

.clearfix:before,

.clearfix:after{

content: "";

display: table;

clear: both;

}

.clearfix{

zoom: 1;

}

2.单表

表单的作用就是用来将用户信息提交给服务器的

比如：百度的搜索框 注册 登录这些操作都需要填写表单

使用form标签创建一个表单

form标签中必须指定一个action属性，该属性指向的是一个服务器的地址

当我们提交表单时将会提交到action属性对应的地址

设置请求方式：method="post"

需要上传文件时要加属性： enctype="multipart/form-data" 

用户信息

用户名

密码