1 定位与浮动

定位：适合做 特殊的位置，和叠加的效果。
浮动：适合做 排列的效果。

3 元素大小不固定的水平垂直居中，如何实现？

  1. CSS3 -> 偏移
  2. CSS3 -> 弹性盒模型
  3. 定位 , hack写法

.box{width:100px; height:100px;position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

4 登高布局：

两列或多列，其中高度不同，但可以等高显示，以多列中的最高布局。
利用margin的负值：
一个父容器，多个子容器，均未设height值：
子容器浮动，父容器清除浮动，且溢出隐藏，子容器设置｛margin-bottom：-9999px;padding-bottom；9999px；｝此时父容器的高度由最高的子容器撑开，且影响其他子容器同等高。
#box1{ border:10pxblacksolid; overflow: hidden;}
.clear:after{ display: block; content:””; clear:both;}
#box2{ width:100px; background:red; margin-bottom: -2000px; padding-bottom:2000px; float:left;}
#box3{ background:blue; margin-bottom: -2000px; padding-bottom:2000px; float:right;}

2 cursor : 鼠标样式

default (默认：箭头)
move ( 移动 )
copy
pointer

url 需使用的自定义光标的 URL。( 图片是有要求的：.ico.cur )
注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针（一只手）
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize 此光标指示矩形框的边缘可被向上（北）移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize 此光标指示矩形框的边缘可被向下移动（南）。
w-resize 此光标指示矩形框的边缘可被向左移动（西）。

text 此光标指示文本。
wait 此光标指示程序正忙（通常是一只表或沙漏）。
help 此光标指示可用的帮助（通常是一个问号或一个气球）。