• margin 外边距，和padding（内边距）用法一样。
• 设一个有两个div，一大一小，小的div在大的div里面，而小的div和大div直接的距离就叫外边距，用margin、margin-left、margin-right、margin-top、margin-bottom来设置距离，如margin:10px。而div里面的文字之间的距离就叫内边距，用padding来设置，如同margin一样。

• 标签不能写在
  表单里面
• check 在…上打勾

把爱好打包成名为hobby的数组

lable标签

• 指定光标焦点定位之处

  //聚焦在for属性指定的id上（注意是id而不是name）
  <label for="basketball">篮球</label>
  <input type='checkbox' name='basket' id='basketball'>   
  <label for="football">足球</label>
  <input type='checkbox' name='football' id='football'>   
  

• 效果如下：

• 点击文字，勾选框也会被选中

• 不用for属性的话可以有另一种指定方式：直接将表单控件放到label标签内，这种情况下，label标签只能包含一个表单元素，包含多个只对第一个有效

  <label>点击我可以使文本框获得焦点
      <input type='text' name='theinput' id='theinput'>
  </label>
  

• 效果如下：