Html和Css

从布局着手：

    绝对定位方式和浮动方式：绝对定位方式当然可以处理左中右三栏或者顶部加左中右三栏，但如果加脚注，则只能使用浮动方式

    块级元素和行内元素，非置换元素和置换元素

    文档流：元素在html中出现的顺序，对于浮动布局而言，需要注意。

至于兼容性问题：

    在以Html5为基础的情形下，兼容性问题只能听天由命。

    国内：Ie6到Ie9都能够正常，然后Google的浏览器、火狐正常，就基本可行。

在无法多想的情形下，需要以下的任务：

1、三栏布局

2、一个容器：用于处理少量界面，即大小随着内容变化而变化，同时，可以水平居中、垂直居中。

3、类似Google的选项功能，这样的Tab界面其实非常合适。

position：绝对、相对？

1、Html和html文档

2、文档流

3、置换元素和非置换元素

4、块元素和行内元素

5、绝对定位和浮动定位

6、Css：独立的整站文件和每个页面的内部设置

7、实例：Div水平居中

8、Div垂直居中

9、Div随着内容大小而改变大小

10、Div的最小宽度和高度

11、position

12、magin、padding与盒