添加 CSS3 动画

2011-03-17 1 11,939 views

刚刚给自己的Blog主题添加了一些 CSS3.0 的动画效果。 不过经过测试发现 Google Chrome 依然是那么不给力啊。首先动画效果不流畅。更重要的是居然有锯齿的出现。Firefox 虽然动态效果不流畅,但是没有锯齿。Safari 下的动态效果非常流畅。效果也是最好的。 现在看来 Google Chrome 和 Firefox 对 CSS3.0 动画的支持还是要加强啊。

CSS 技巧收集1

2010-08-03 15 1443 views

IE6、IE7、Firefox兼容最简单的 CSS Hack。 具体写法很容易: #someNode{     position:fixed;     #position:fixed;     _position:fixed; } 说明和解释:

CSS Reset Template

2010-07-20 3 1439 views

Css Reset是什么? 有些同行叫 “css复位”, 有些可能叫 “默认css”. CSS Reset 就是要重置 CSS 样式. 但是 CSS Reset 绝不仅仅是为了清除 html 元素默认表现,而是为了更好的统一各种浏览器下面的表现从而使得我们避开各种浏览器 BUG 所带来的问题, 所以”重 置”这个词很恰当. 需要注意的是: Reset 不是万能的! 随着时间的流逝和技术的进步, Reset也应相应的变化.

有时css文件里面用到中文字体的时候由于字体编码的关系要使用到中文字体的英文字体名字. 然而有些中文字体的英文名字却不是那么好记. 所以我这里就搜集了一些.

和以前的 HTML 版本不同,HTML5 带给网页设计师和开发人员更多幻想新事物的能力。使用符合语义结构的特定标记,使得现在的网页更符合语义化的需求。如内建的圆角视觉元素、以及对拖放式交 互的原生支持。尽管 HTML5 并没有完全得到主流浏览器的支持,但有些已经在尝试推进和试验新功能。为了鼓励对 HTML5 进行试验性的应用,也为将来更加丰富的应用做足准备,芒果整理收集了 15+ 有用的 HTML5 教程和参考手册。 教程 利用 HTML5 创建 iPhone 应用程序

评“15个CSS常识”

2009-12-22 8 1497 views

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 (不认同这个) 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 (的确是这样,不过这个在IE下有些问题要和背景一起用才有效) 3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不 … 了解更多