CSS中的cursor用法
CSS中的光标类型
语法：
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 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress
:
IE6.0
带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize
:
IE6.0
有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text
:
用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
vertical-text
:
IE6.0
用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait
:
用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize
:
用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url )
: IE6.0
用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。
示例：
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; }
相关文档：
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
在JSP页面上加入
<%String path = request.getContextPath();%>
<link href="<%=path%>/css/style.css" rel="stylesheet" type="text/css">
下列方式貌似不行：
<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../../css/style.css" rel ......
以下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。
1、完全使用div、span和css制作的数据图表。
2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。
3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快� ......
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的，整个页面主要由三个div组成，它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_content。
所以，定义它们的主体样式可以这样:
#csdnblog_header
{
//头部的风格
}
# ......
