关于cursor的说明，书上是这样讲的：
设置或检索在对象上移动的鼠标指针采用的光标形状。
此属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用。光标不会被改变。
此属性对于
currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 cursor
。
这个属性主要是修改鼠标移上页面某一元素，所表现出来的形状。用来引导用户，见到鼠标的形状马上知道这一元素是什么类型的元素，如：小手，很清楚知道那是一个超级连接，等。
示例：
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }
语法：
cursor :
auto
| all-scroll
| col-resize
| crosshair
| default
| hand
| move
| help
| no-drop
| not-allowed
| pointer
| progress
| row-resize
| text
| vertical-text
| wait
| *-resize
| url (
url
)
取值：
auto
:
默认值
。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll
:
IE6.0
有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize
:
IE6.0
有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair
:
简单的十字线光标。
default
:
客户端平台的默认光标。通常是一个箭头。
hand
:
竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move
:
十字箭头光标。用于标示对象可被移动。
help
:
带有问号标记的箭头。用于标示有帮助信息存在。
no-drop
:
IE6.0
带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed
:
IE6.0
禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer
:
IE6.0
和 hand
一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时
我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的右边或者左边（参见第9课关于盒状模型的描述）。下图阐明了其原理：
举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示：
如何实现这个效果？
上例的HTML代码如下所示：
<div i ......
CSS可以处理高度、宽度、深度三个维度。在前面的课程中，我们已经了解了前两个维度。在本课中，我们将学习如何令不同元素具有层次。简言之，就是关于元素堆叠的次序问题。
为此，你可以为每个元素指定一个数字（z-index）。其原理是：数字较大的元素将叠加在数字较小的元素之上。
比方说，我们正在打扑克，并且拿了一手同 ......
