css usage是一个基于firebug的firefox扩展，可以用来查看页面中的CSS的使用情况，可以清楚的查看css文件中所有的规则在你的网站中的真实的使用情况。可以查看一个网站中多个页面中的css使用情况这个很好，可以看到CSS的在网站中的全局使用情况。 预览： 下载地址： https://addons.mozilla.org/en-US/firefox/addon/10704

网页背景渐变是经常用到的效果，下面用的滤镜，当然在非IE下是没效果的。 一、从上往下渐变 body{ FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变 body{ FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finish

无需JavaScript, imagery, canvas 或者SVG，就可以利用最新的CSS制作出3D立方体，这的确是一件让人难以想象的事情。 目前制作出来的效果，只有Firefox 3.5，Safari 3.2+，Google Chorme支持。下面来为大家列举出相关演示和代码。 3D CSS 结果演示 单个静态3D立方体 支持浏览器：Safari 3.2+, Google Chrome, Firefox 3.5+

原文：http://wiki.github.com/stubbornella/oocss/faq（翻译时为Version 28） 翻译：ytzong 在OOCSS中怎么定义对象？ 对象类似JAVA中的类，保持着OO的特征。 一个CSS对象由4部分组成： 可能是一个或多个DOM节点的HTML 由wrapper节点的class名开始的CSS样式声明 类似于背景图片和显示用的sprites组件以及 JavaScript行为

最近的一个页面中碰到的，本来想用 border 来模拟设计图的虚线效果，但是很明显 border 效果不如设计图来的好看。顺便研究了下 dashed 和 dotted 的区别。 首先，从字面上来理解，dashed 和 dotted 都是指虚线，他们的不同在于： dashed：来自 dash（破折号），由 dash 组成的虚线 dotted：来自 dot （点），由 dot 组成的虚

IE 一如既往地带来问题。真的，我觉得 IE 坚持自己的一套无所谓，不支持或者不完全支持标准也无所谓。但是，IE6 IE7 IE8 这三个版本都有各自不同的表现，实在是太让人难受了。 前两天碰到了这个奇怪的问题： 绝对定位的元素，紧邻着两个浮动元素。Firefox 中一切正常，IE6 中绝对定位元素消失了。 解决方法：只要别让绝对定

PPT：Taming CSS Selectors 作者：Nicole Sullivan 翻译：ytzong CSS 文件的大小和所引起的 HTTP 的请求数 是 CSS 性能的最关键因素 回流(reflow)和渲染时间 (非常！)没那么重要 副本(duplication)比陈旧的规则(stale rules)更糟糕 因为我们有工具处理后者 定义缺省值 不要在每处都重复编码 不好的： #weatherModule h3{

终究CSS3 和 HTML5 的组合会成为下一个Web标准，而且越来越多的浏览器开始支持更多的新属性，Firefox 3.5.3就给我们 带来了很多的惊喜，相信在以后也会。 FindMeByIP.com 是一个简单实用的在线应用，帮助我们检测使用的浏览器版本是否支持CSS3 和 HTML5，支持哪些属性。 让我们来看下当前 各种不同的浏览器对CSS3 和 HTML5的