CSS 3.0 参考手册 (中文版)

作者:puterjam 日期:2009-08-24

公司的页面同学们，利用业余时间整理出了一份比较完整的CSS 3.0 参考手册，非常不容易。手册是根据W3C的CSS3草案翻译，并且结合实际的示范结合而成。每一页都倾注了每一个同学的心血。

Tags: css css manual manual 参考手册参考手册

分类:Web Design | 固定链接 | 评论: 51 | 引用: 0 | 查看次数: 13874

CSS 也玩起 3D 了

作者:puterjam 日期:2009-05-09

通过 CSS transform (firefox文档, safari文档)属性. 无所不能的css也开始玩起3D效果了。在配合 CSS transitions(文档) 我们还可以对3D样式进行动画表现。

Tags: css css 3D 3D

分类:Web Design | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3865

IE8 支持 Alternative style sheets

作者:puterjam 日期:2008-12-17

什么是Alternative style sheets？这是用来让用户自己可以轻易切换的样式的接口，简单的说就是可替换样式表。

用户如何使用呢？

请先用firefox体验下面的网址

http://www.w3.org/Style/Examples/007/alternatives

Tags: css css

分类:Web Design | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 1565

chrome 和 safari 对 document.styleSheets 理解的差异

作者:puterjam 日期:2008-09-25

chrome和safari同样的使用web kit。于是他们同时支持 document.styleSheets 。

当页面上有一个<style id="dynamicStyle"> 我们可以利用 document.styleSheets["dynamicStyle"] 来获取到style对象。

这时需要注意了 chrome 和 safari 的返回是不一样的

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 2361

解决ie动态修改link样式，import css不刷新的问题

作者:puterjam 日期:2008-04-17

当我们需要动态更新link的样式的时候，通常是直接修改link的 href 属性。但是如果样式里有import的样式表，IE就不会在发起请求去刷新了(其他浏览器都是正常的)

解决办法有两个:
1. 样式表里不要有import的样式表。
2. 把link的type属性设置为空值，然后再修改 href 的地址，最后再把type值设置成"text/css" 强制让ie解释新的样式表。

Tags: css css

分类:Javascript | 固定链接 | 评论: 25 | 引用: 0 | 查看次数: 10861

CSS hack:区分IE6，IE7，firefox

作者:puterjam 日期:2007-12-23

区别IE6与FF：

background:orange;*background:blue;

区别IE6与IE7：

background:green !important;background:blue;

区别IE7与FF：

background:orange; *background:green;

区别FF，IE7，IE6：

background:orange;*background:green !important;*background:blue;

Tags: css css hack hack 转载转载

分类:Web Design | 固定链接 | 评论: 17 | 引用: 1 | 查看次数: 12684

JS与CSS写在同一份文件

作者:puterjam 日期:2007-06-14

疯狂的嗷嗷同学，又研究出新东西。他居然把css和js合并到一个文件里。这个想法不错，可以省下一个链接的请求。不过这个注释大法不是一般人可以理解得了

复制内容到剪贴板

程序代码

Tags: css css

分类:Web Design | 固定链接 | 评论: 21 | 引用: 0 | 查看次数: 11519

很不错的 CSS Hack

作者:puterjam 日期:2007-02-26

CSS Hack

height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

今天学到了一手，效果不错，哇卡卡卡卡

Tags: css css

分类:Web Design | 固定链接 | 评论: 16 | 引用: 0 | 查看次数: 12842

IE7 对 document.styleSheets 的修改

作者:puterjam 日期:2006-10-11

今天在 IE 7 RC1 下测试了一下 document.styleSheets 的方法
结果很郁闷得发现 IE 7 不支持 document.styleSheets[index].rules[index].style.cssText = "" 赋予新的样式

死IE...

Tags: css css

分类:Javascript | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 6437

Firefox 无法获取cssRules 的解决办法

作者:puterjam 日期:2006-09-27

Firefox实在太BT了, 总给我们加一些无聊的安全权限设置. 这几天在做Qzone的FF兼容发现. 设置了domain 后, FF下无法获取 styleSheets 的 cssRules 了.
虽然无法获取 cssRules ,但是我惊讶地发现,居然可以对 styleSheets 里的样式进行 insert和delete .