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

CSS样式表
line-height使文本居中的3像素bug问题
IE8.0Beta比较不错的功能:WebSlices
IE8、IE7、IE6、FF简单的CSS HACK测试
Web前端开发的Firefox插件
CSS3教程:background-clip和background-origin
CSS教程:使用ul进行网页的多列布局
CSS盒模型制定网页的宽度和高度的原理
CSS:何制作一个向各个方向延展box?
CSS高级技巧:CSS Sprites
CSS高级技巧:图片替换
CSS高级技巧:文字环绕图片
CSS样式表教程:screen媒体类型的作用
css教程:美化网页段落的排版
网页注册表单的网页设计技巧
CSS控制表格文字样式的研究
dl,dt,dd,ul,li,ol区别及应用
英文教程:鼠标悬停(hover)效果
CSS制作的三款漂亮的网页表单
CSS教程:行高line-height属性(2)
CSS:闭合元素和浮动元素的差别

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 142 ::
收藏到网摘: 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,不过和这个不是同一个。