当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS教程之面向对象的CSS:OOCSS

CSS样式表
CSS网页布局中文排版的9则技巧
剖析网站的布局实例以及如何对其黄金分割
Float菜单水平居中简单方法
CSS网页制作教程:网页中常用的web安全字体
CSS网页制作教程:字体单位em简介
CSS网页制作:浮动清除的新方法
收集分享的3个讲解css及标签的视频
CSS网页制作技巧:节约网页代码编写时间
收集的6个关注CSS3的国外网站
CSS实例教程:reflow
CSS教程:需要知道的CSS3动画技术
快速实时编辑网页代码的FireFOX和IE插件
在IE6,IE7下变通实现pre-wrap
CSS圆角框进行JS封装
CSS教程:Mozilla建议的css书写顺序
基于链接关系的微格式:使用rel属性
非常酷的微格式:XFN规范
为网页内容添加结构和语义的hAtom微格式
网页简历结构和语义信息:hResume微格式
hCalendar微格式:关于事件和基于时间或地点的活动

CSS样式表 中的 CSS教程之面向对象的CSS:OOCSS


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 153 ::
收藏到网摘: n/a

“你如何为成千上万的用户和页面提供CSS?” 这是Nicole Sullivan在她的在丹佛的Web Directions North 大会上的幻灯片中尝试回答的问题。得益于面向对象的CSS (OOCSS),这个想法从社区收集到了大量的反馈。

OOCSS显然已经不仅仅是一个工具了,它还是一种思考的方式。根据这个观念可以有很多优势,主要来说有:

  • 它可以让你写更快的、可维护的、基于标准的前端代码。
  • 它在CSS中预先加入了一些必须的元素,这样即便是初学者也可以参与写出漂亮的网站。

OOCSS 基于两个主要原理:

  1. 分离结构和表现;
  2. 分离容器和内容。

建议花些时间看一看面向对象的CSS的幻灯。总共有64页,绝对值得一看。

Object Oriented CSS
View more documents from Nicole Sullivan.

PS:神飞之前就有考虑将此幻灯翻译成中文,但是作者不允许下载,所以大家就将就着看吧先,另外考虑翻译一些相关的文章来更多的解释OOCSS。

PS2,貌似国内也有个人做了一个OOCSS,意思也是面向对象的CSS,不过和这个不是同一个。