Css Notes
来源:互联网 发布:达梦数据库dm6下载 编辑:程序博客网 时间:2024/06/03 17:09
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;
- Css Notes
- CSS notes
- [reading notes] css W3school reading notes
- HTML&CSS Learning Notes 1
- HTML&CSS Learning Notes 2
- HTML&CSS Learning Notes 3
- HTML&CSS Learning Notes 4
- HTML&CSS Learning Notes 5
- HTML&CSS Learning Notes 6
- CSS Study Notes 1: CSS Import Method
- HTML&CSS Learning Notes 2 (Additional)
- Notes
- notes
- Notes
- notes
- notes
- notes
- notes
- 多写写博客才有益于记录及记忆
- JavaFx中文入门教程--数组
- JavaFx中文入门教程--JavaFx中的语句和表达式
- ASP.NET学习之一 角色和用户配置文件
- WindowsServer2003 + IIS6.0 + ASP + NET + PHP + PERL + MSSQL + MYSQL 最新服务器安全设置技术实例
- Css Notes
- JavaFx中文入门教程--JavaFx操作符
- 实现 ArrayList 的 IComparer排序
- JavaFx中文入门教程--JavaFx中的类和对象
- ASP中常用的轉義字符及編碼
- JavaFx中文入门教程--属性和函数
- 理解ClassLoader
- 伙伴算法(Buddy)
- HTTP请求模型和头信息