按钮练习
css样式
background-image：url（src/图片）背景图片
repeat： x，背景图片在水平方向重复
y，背景图片在垂直方向重复
no-repeat背景图像只会显示一次
背景图片定位 background-position： 0px（x轴） 0px（y轴）
简写背景
background-attachment：设置如何固定背景图片
表格
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
不推荐使用这些样式
<table></table>
<tr></tr>
<th></th>
<td></td>
给表格添加样式
border-collapse ：是否将表格边框折叠为单一边框
width，height：通过 width 和 height 属性定义表格的宽度和高度。
text-align 和 vertical-align ：设置表格中文本的对齐方式。text-align 属性设置水平对齐方式，比如左对齐、右对齐或者居中
长表格
有的时候表格很长的时候，就需要把表格分成三个部分
thead：表头
tbody：表格主体
tfoot：表格底部
完善clearfix
解决父子元素外边距重叠：
.box1:before{
content: "";
display: table;
}
解决高度塌陷与垂直重叠：
.clearfix:before,
.clearfix:after{
content: "";
display: table;
clear:both;
}
兼容IE6：
.clearfix{
zoom:1;
}
表单
<form action="demo075_target.html">
用户名<input type="text" name="username" placeholder="哈哈哈"><br>
   密码<input type="password" name="password" placeholder="扒了个爸爸吧">
<input type="submit" value="提交"><br>
性别<input type="radio" name="gender">男
<input type="radio" name="gender" checked="checked">女
<br>
爱好<input type="checkbox" name="hobby" value="lq">篮球
<input type="checkbox" name="hobby" value="ymq">羽毛球
<input type="checkbox" name="hobby" value="tqd">跆拳道
<input type="checkbox" name="hobby" value="zq" checked="checked">睡觉
<br>
你喜欢的明星
<!-- multiple="multipe" -->
<select name="star">
<option value="cxk">赵丽颖</option>
<option value="ch">陈赫</option>
<option value="ym" selected="selected">杨幂</option>
<option value="zyq">张亚倩</option>
</select>
