Css Notes

css里float脚本引用
style="float: right; border: solid 1px Red;"

脚本里的写法：
element.style.styleFloat // IE
element.style.cssFloat // FF
另外element里的class在脚本里是用className的。 

 

消除ul、ol等列表的缩进时

样式应写成:list-style:none;margin:0px;padding:0px;

其中margin属性对IE有效，padding属性对FireFox有效

 

自定义 CSS cursor

属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用。光标不会被改变。

标准写法：
cursor: url(images/pen_il.cur),auto;  /* windows系统的光标文件存放在 C:/WINDOWS/Cursors */
cursor: url(mouse-notexist.cur), url(vote.gif), auto;

也可：
cursor:url(images/logo_baidu.gif) 100 20,auto;  /* 100 20 是cursor 的坐标*/

FF支持jpg、gif、cur等文件，不支持.ani
IE则只支持cur、ani

 

CSS透明

IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。

FF：opacity:0.6。
 

CSS圆角

IE：不支持圆角。

FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;

 

CSS双线凹凸边框

IE：border:2px outset;。

FF： -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;