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，字符实体

&lt <
&gt >
&nbsp 空格，防止空白折叠现象

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