阅读更多

21顶
1踩

Web前端

原创新闻 Object Oriented CSS -面向对象的CSS

2009-03-03 14:13 by 副主编 zly06 评论(7) 有6971人浏览

Nicole Sullivan为我们带来了Object Oriented CSS,它拥有YUI grids的全部功能,并增加了一些更重要的功能:

  • 只有4kb,是YUI grids大小的一半
  • 允许无线嵌套和堆积
  • 唯一的改变是在HTML中,任何对象都可以替换它。简化了后端的开发,使其更统一管理新的成员。

OOCSS可以让你编写的速度更快,代码更易维护,而且基于标准的前端代码。它增加了CSS的可预测性,所以即使是初学者也可以开发出美观的页面。

两个主要原则:

  • 分离结构和皮肤
  • 分离容器和内容
来自: ajaxian
21
1
评论 共 7 条 请登录后发表评论
7 楼 ztkx 2009-03-05 00:09
无线嵌套? 还有有线的么
6 楼 rmn190 2009-03-04 16:02
呵呵, 不错, CSS也面向对象了.
5 楼 tedeyang 2009-03-04 14:59
zly06你也太不负责了,连官方网站的地址都没有就敢贴出来!只会抄别人的
http://github.com/stubbornella/oocss/tree/master
4 楼 nianjb 2009-03-04 12:54
   
h
3 楼 天机老人 2009-03-04 09:53
也没个介绍性网站发出来看看!
2 楼 whaosoft 2009-03-04 08:54
呵呵 ui也面向对象了啊
1 楼 surpass 2009-03-04 08:53
怎么

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Object-Oriented-Programming-cs246-Chess

    面向对象的编程cs246-国际象棋 象棋游戏 战队:大卫·奈特和汤姆·艾伯根 作为最终项目,我们在CS246(滑铁卢大学)开发了这款国际象棋游戏。 我们的国际象棋游戏具有两个级别的计算机AI难度和一个使用X11的图形...

  • 使用Sass来编写面向对象的CSS代码

    自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法,比如SMACSS或者BEM。通过将CSS代码和结构分离让你的...

  • VanillaJS-Object-Oriented-SkeletonCSS

    VanillaJS面向对象的骨骼CSS 在这个项目中,我们有两个执行相同任务的程序。 但是,较新的程序(ES6 +)比旧的程序具有更清晰的代码和更多的功能。

  • CS309-Object-Oriented-Programming:SUSTech课程CS309 OOP的个人回购

    CS309面向对象的程序设计SUSTech课程CS309 OOP的个人回购实验室Lab01:UML Lab02:UML续Lab03:Android Lab04:HTML,CSS,JS Lab05:观察者设计模式Lab06:J2EE mvc(请参见MVCProject文件夹) Lab07:J2EE mvc(请...

  • h5页面的写法_【H5】最好的CSS书写方式-面向对象OOCSS

    大家都知道,“Object Oriented”直接为中文意思就是面向对象,对于这个词的话,很多同学可能不陌生。但是如果再在后面加一个CSS呢?也就是说“Object Oriented CSS”还有人认识吗?大家可能第一次见过,被叫作OOC.....

  • postcss 单独不转换_【转载】让CSS更完美:PostCSS-modules

    译者注(@GeoffZhu): 这篇适合一些使用过预处理CSS的开发者,比如LESS,Sass或Stylus,如果你都没用过,那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了,该篇作者贡献了一个新工具,可以让更多开发者...

  • oocss_面向对象CSS(OOCSS)的基础

    一种较新的技术是面向对象CSS,也简称为OOCSS。 这不是一个工具,而是一种CSS编写方法 ,旨在使CSS模块化和基于对象 。 在本文中,我想介绍OOCSS的核心基础知识 ,以及如何将这些思想应用于前端Web工作 。 这项.....

  • Object-Oriented CSS

    2、reset.css http://meyerweb.com/eric/tools/css/reset/ 3、normalize.css https://necolas.github.io/normalize.css/ 4、neat.css http://www.neatcss.com/ 参考: http://www.j...

  • (译)让CSS更完美:PostCSS-modules

    这篇适合一些使用过预处理CSS的开发者,比如less,sass或stylus,如果你都没用过,那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了,该篇作者贡献了一个新工具,可以让更多开发者方便的使用最新的CSS ...

  • 面向对象的CSS--OOCSS

    化一下,演变成面向对象的样式表,给套了个概念上去,以下叫“OOCSS”,即Object Oriented Cascading Style Sheets。 ◆ 为什么会这样想? 没办法,被逼的,俺们公司的美工只做图片,其它的是...

  • Object-Oriented CSS (CSS面对对象)

    Object-Oriented CSS = OOCSS 一、原理: 1,OOCSS把每个Components叫做Object 2.每个Components是固定的HTML structure,用一组CSS来控制其layout,在OOCSS里面,这一组CSS就叫做Structure. 3.再用另外一组Css...

  • Javascript.Object.Oriented.Programming.pdf

    Build sophisticated web applications by mastering the art of Object-Oriented Javascript About This Book Learn popular Object-Oriented programming (OOP) principles and design patterns to build robust ...

  • 【CSS】来自新时代的CSS

    OOCSS(Object-Oriented CSS) OOCSS有两个编写原则: •结构与样式分离•容器与内容分离 我们来看看官网的一个例子: grab Body 在这里.mod是父类,所有的类都是继承自它,.grab便是子类。 至于.top、.inner与bottom...

  • Object Oriented JavaScript(PACKT,3ed,2017)

    Learn everything you need to know about object-oriented JavaScript with this comprehensive guide. Enter the world of cutting-edge development! About This Book This book has been updated to cover all ...

  • 面向对象的 CSS (OOCSS)

    Lazaris的英文文章原名《An Introduction To Object Oriented CSS (OOCSS)》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:...

  • 【 ECMAScript 6.0】es6-面向对象

    面向对象编程OOP(Object Oriented programming) 含义:把事务分解成一个个对象,通过对象之间分工与合作解决;(拟人化,把万物写活) 例子:要把大象放冰箱: 面向过程: 函数把冰箱打开,函数把大象放进去...

  • CheckedIn:基于浏览器的联系人管理平台MVP,它使用HTML,CSS,面向对象的JS,DOM和Web存储API构建。 在ChromeSafari(台式机)上可用。 进行中! :rocket:

    入住技术:HTML,CSS,面向对象JavaScript,Web API(DOM,Web存储) CheckedIn是一个基于浏览器的开源CRUD应用程序,它为用户提供了一个简约的平台来管理其联系人并提醒何时与他人联系。 和常问问题为什么要姓氏而...

  • css练习github,GitHub - antpaw/xCSS: First CSS framework that allows you to work object-oriented and “D...

    OO CSS FrameworkxCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: ...

  • weather-app:用于面向对象的建筑和设计大学作业的weather应用程序

    经过测试的环境Windows 10家庭版(作业系统组建14393.1066) OS X El队长10.11.6浏览器支持我们使用作业来尝试JavaScript和CSS的新功能,例如Promise和CSS Grid。 这将应用程序的兼容性仅限于现代浏览器。 我们的...

  • 让CSS更完美: PostCSS-modules

    译者注(GeoffZhu): 这篇适合一些使用过预处理CSS的开发者,比如less,sass或stylus,如果你都没用过,那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了,该篇作者贡献了一个新工具,可以让更多开发者...

Global site tag (gtag.js) - Google Analytics