易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS 中cursor的作用: 引导用户

关于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设置ie7,ie8中div高度自动设置

ie6中div的高度自动设置,到了ie7和ie8就不行了,需要设置css
/*针对非IE*/
div:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*针对IE*/
div{zoom:1;} ......

css实现强制不换行/自动换行/强制换行

强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址:http://www.iwms.net/n1919c40.aspx
......

CSS常用代码

// 按字符换行
style="word-break: break-all;"
// 按词组换行
style="word-wrap: break-word;"
==========================================================================
==========================================================================
    font-family:Ari ......

根据input的type来控制css样式

<style type="text/css">
/*
根据input的type来控制css样式
*/
/*
1.用css的expression判断表达式
优点:简单,轻量级
缺点:expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个,下面的会将上面的覆盖掉
 
input
{
background- ......

CSS 元素的定位

CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动(参见第13课),你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容:
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统:
CSS定位的原理是:你可以将任何盒子(box)放置在坐标系统的任何 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号