1，图片alt属性，替换内容
2，<a href="网址" title="悬停文本" taget="-blank">超链接文字</a>
3，有序列表，无序列表，
4，定义列表dl dt dd
5，<input type="text"/>文本框
<input type="password"/>密码框
<input type="radio"/>单选按钮
<input type="checkbox"/>复选框
6，下拉列表
<select>
<option></option>
<option></option>
<option></option>
</select>
7，多行文本框
<textarea cols="列数" row="行数"></textarea>
8，三种按钮
<input type="button"/>普通按钮
<input type="submit"/>提交按钮
<input type="reset"/>重置按钮
9，label标签
<input type="radio" name="sex" id="nan"/><label for="nan">男</label>
input元素要有一个id，然后label标签就有一个for属性，和id相同，就表示绑定了，这个label和input就有绑定关系了，点击文字能选择
10，字符实体
< <
> >
  空格，防止空白折叠现象
11,脱离文档流
浮动（性质：脱标，贴边，字围，收缩，浮动的元素可以设置宽高）
绝对定位
固定定位
12，清除浮动方法
A，给浮动的元素的祖先元素设置高度
B，clear：both（但margin会失效）
C，隔墙法，（在两部分浮动元素中间加一道又clear：both，和高度的盒子）
D，overflow：hidden
E，内墙法（奇淫技巧）
13，margin
14 ，margin：0 auto
15，a标签
16，background属性
17，相对定位（相对自己原来的位置进行调整）不脱标，老家留坑，形影分离。
18，绝对定位
#######脱标，可以设置宽高
#######参考点
如果用top描述，定位参考点是页面的左上角
如果用bottom描述，定位参考点是浏览器首屏窗口尺寸，对应的页面的左下角
#######以盒子为参考点（子绝父相）
#######绝对定位的盒子居中
19，固定定位（相对浏览器窗口定位，脱标 ，IE6不兼容）
20，z-index
