OOCSS

A collection of 8 posts

OOCSS

全局字体调整

很多场景都可以抽象为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 Element Bug,不甚灵活 思考 Yahoo! 首页的做法是图标和文字都inline-block并vertical-align:middle,估计是Thierry Koblentz去了之后带来的一些改变,很赞,但我们要抽象为media呀

  • ytzong
    ytzong
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"> <div class="inner"> <div

  • ytzong
    ytzong
OOCSS

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

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

  • ytzong
    ytzong