面向对象的CSS
作者：vocal 来源：前端观察 发布时间：2009-07-03 12:23:00
标签：面向对象,css,编程
“你如何为成千上万的用户和页面提供CSS？” 这是Nicole Sullivan在她的在丹佛的Web Directions North 大会上的幻灯片中尝试回答的问题。得益于 面向对象的CSS (OOCSS) ，这个想法从社区收集到了大量的反馈。
OOCSS显然已经不仅仅是一个工具了，它还是一种思考的方式。根据这个观念可以有很多优势，主要来说有：
它可以让你写更快的、可维护的、基于标准的前端代码。
它在CSS中预先加入了一些必须的元素，这样即便是初学者也可以参与写出漂亮的网站。
OOCSS 基于两个主要原理：
分离结构和表现；
分离容器和内容。
建议花些时间看一看 面向对象的CSS的幻灯。总共有64页，绝对值得一看。
View more documents from Nicole Sullivan.
PS:神飞之前就有考虑将此幻灯翻译成中文，但是作者不允许下载，所以大家就将就着看吧先，另外考虑翻译一些相关的文章来更多的解释OOCSS。
PS2，貌似国内也有个人做了一个OOCSS，意思也是面向对象的CSS，不过和这个不是同一个。
0
投稿猜你喜欢
- 1.说明：复制表(只复制结构,源表名：a 新表名：b)SQL: select * into b&nb
“用户体验（User Experience，简称UX 或 UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是- 其实所有的死锁最深层的原因就是一个:资源竞争。表现一:一个用户A 访问表A(锁住了表A),然后又访问表B
- 译者按：在iOS HIG已经强大经典了N年之后，Android终于推出了一套比较系统的HIG（大概是为了配合Android 4.0 Ice
- 在MySQL数据库中导出整个数据库：1.导出整个数据库mysqldump -u 用户名 -p 数据库名 > 导出的文件名mysqldu
- 内容摘要： Request和Response这两个对象是ASP所提供的内置对象中最常用的两个。在浏览器（或其他用户代理）和Web服
- 清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面
- 复制代码 代码如下: public partial class CMS_DBDataContext { partial void OnCre
- 译者的话：寡妇、孤儿、捧打鸳鸯，这些场面足以让你有想哭的冲动，但当你在排版设计时，同样会碰到这些问题，甚至可能更槽。虽说今天的页面排版软件可
- asp使用WScript.Shell获取电脑的网络配置信息Option Explicit Dim WSHShe
- 构筑专业的网络站点和应用程序,先进的设计工具,功能强大，开放式集成系统；流畅的开发进程。Macromedia Dreamweaver MX
- 函数名称:ReplaceHTML参数:@Textstr作用:去掉 @Textstr 内的HTML代码备注:需要给数据库访问者master.s
- 当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求，SAAS的模式看起来非常有吸引力。Web应用程序的界面设计，其核心
- 虽然今年名义上已经不再管人了，但也不得不掺和进很多人事，这里想简单说说，即使不能帮助这个行业的从业者规划职业道路，也算是把之前摸过的路小结一
- 关于SQL Server数据库的一切信息都保存在它的系统表格里。我怀疑你是否花过比较多的时间来检查系统表格，因为你总是忙于用户表格。但是，你
- 在开始安装SQL Server 2005数据库过程中，出现了下面的错误，安装不能继续进行：The SQL Server System Con
- 这篇文章主要介绍了一种简单的MySQL数据库安装方法，详细内容请大家参考下文：虽然安装MySQL数据库的文章很多,但是我看后感觉对于初学者来
- opendir – 打开一个目录句柄，可用于之后的 closedir()，readdir() 和 rewinddir()
- Window.ShowModalDialog使用手册 基本介绍： showModalDialog() (IE 4+ 支持) sho
- 这次讨论一下关于select元素的一个问题，其实很早以前我就碰到过关于select元素的问题，这次做网站又被问到同样的问题，就是：一般div
