OOCSS - 99css

全局字体调整

很多场景都可以抽象为oocss的media 5 Media Blocks 项目中也用的差不多了，不过最下面两个行内图标一直没这么做，如果能转换，必将节约不少的代码考虑因素要保证对齐效果（在某些项目中，视觉还原甚至比性能还重要）面要考虑中文字体在各浏览器中的渲染差异，避开IE bug 现在的做法目前的做法是inline-block的一个空标签来做图标，但和文字放一起在IE6中又会面对行高失效的Bug，解决方法有A fix to the IE6 line-height/replaced element bug，Microsoft Internet Explorer 6: Line-height / Replaced

CSS

自适应的图文混排

看到这篇，补充一个： <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>自适应的图文混排</title>

OOCSS

[视频]Object Oriented CSS by Nicole Sullivan

这是HTML5 VIDEO 不建议在线看，速度太慢，建议FQ后下载：Object Oriented CSS by Nicole Sullivan（OGV格式，射手OK，QQ影音貌似不行）

OOCSS

Object Oriented CSS UML

via Object Oriented CSS UML

OOCSS

[翻译]OOCSS FAQ

原文：http://wiki.github.com/stubbornella/oocss/faq（翻译时为Version 28）翻译：ytzong 在OOCSS中怎么定义“对象”？对象类似JAVA中的类，保持着OO的特征。一个CSS对象由4部分组成：可能是一个或多个DOM节点的HTML 由wrapper节点的class名开始的CSS样式声明类似于背景图片和显示用的sprites组件以及 JavaScript行为，监听或者与对象关联的方法这可能令人费解，因为每个CSS class不是其自身必要的对象，但可以是一个wrapper class的一个部件。比如： <div class="mod&

OOCSS

Web 开发哲学

via Object Oriented CSS

OOCSS

[翻译]Object Oriented CSS

什么是面向对象的 CSS 框架？工具？哲学？ Object-oriented CSS is a coding paradigm that styles “objects” or “modules”—nestable chunks of HTML that define a section of a webpage—with robust, reusable styles. 很像语言的进化令

OOCSS

[翻译]驯服CSS选择器--健壮我们的样式表

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