CSS 3.0 参考手册 (中文版)

 

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

 

查看更多...

Tags: css manual 参考手册

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

CSS 也玩起 3D 了

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

 

查看更多...

Tags: css 3D

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

IE8 支持 Alternative style sheets

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

 

用户如何使用呢?

请先用firefox体验下面的网址

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

查看更多...

Tags: css

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

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

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

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


200809251703.jpg

查看更多...

Tags: 浏览器兼容 chrome safari css

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 2352
当我们需要动态更新link的样式的时候,通常是直接修改link的 href 属性。但是如果样式里有import的样式表,IE就不会在发起请求去刷新了(其他浏览器都是正常的)

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

查看更多...

Tags: css

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

CSS hack:区分IE6,IE7,firefox

区别IE6FF
       background:orange;*background:blue;

区别IE6IE7
       background:green !important;background:blue;

区别IE7FF
       background:orange*background:green;

区别FFIE7IE6
       background:orange;*background:green !important;*background:blue;

查看更多...

Tags: css hack 转载

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

JS与CSS写在同一份文件

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

<link type="text/css" rel="stylesheet" href="jscss.php" />
<script type="text/javascript" src="jscss.php"></script>

查看更多...

Tags: css

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

很不错的 CSS Hack

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

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

Tags: css

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

IE7 对 document.styleSheets 的修改

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

查看更多...

Tags: css

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

Firefox 无法获取cssRules 的解决办法

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

查看更多...

Tags: Firefox css

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