面向对象CSS (OOCSS)

【面向对象CSS (OOCSS)】的更多相关文章

面向对象CSS (OOCSS)

新版 OOCSS 请关注 http://www.oocss.cc/ 时下流行面向对象,那么有没有可能把样式表也面向对象一下呢,将现在的CSS(Cascading Style Sheets层叠样式表)进化一下,演变成面向对象的样式表,给套了个概念上去,以下叫“OOCSS”,即 Object Oriented Cascading Style Sheets. ◆ 为什么会这样想? 没办法,被逼的, 俺们公司的美工只做图片,其它的是啥都不管,近来弄个WEB项目,都做差不多了,老总说要能换肤.呵呵…

面向对象的 CSS (OOCSS)

原文链接:来自smashing magazine 译文你是否听说过一个词语叫“内容就是王道”?作为一个 Web 开发者,我们的工作与内容创作有着频繁的联系.这是一条经常被引用,并且正确地解释了什么因素吸引了人们访问网页的谚语. 然而,从 Web 开发者的角度来看,一些人认为速度就是王道.近年来,许多有经验的前端工程师已经提出了如何通过最佳实践来改善用户体验的建议.逐渐地,我也开始赞同这个观点. 不幸地是,当许多开发者们(为了更好的原因)将关注点大量地聚焦于 JavaScript 的性能和其他领…

面向对象的CSS

原文简书原文:https://www.jianshu.com/p/cb5e9f56ddcc 大纲 1.面向对象的CSS(OOCSS)概念 2.面向对象的CSS的作用 3.面向对象的CSS的注意事项 4.面向对象的CSS的使用实例 1.面向对象的CSS(OOCSS)概念面向对象的CSS将页面可重用元素抽象成一个类,用Class加以描述,而与其对应的HTML即可看成是此类的一个实例. 面向对象的CSS的出现是因为当存在大型项目的时候,会有很多的CSS样式出现,这样就会很多的CSS样式代码存在,为…

CSS命名规范——BEM思想（非常赞的规范）

人们问我最多的问题之一是在CSS类名中“--”和“__”是什么意思?它们的出现是源于BEM和Nicolas Gallagher... BEM的意思就是块(block).元素(element).修饰符(modifier),是由Yandex团队提出的一种前端命名方法论.这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义.BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发一个耗时的大项目. 重要的是要注意,我使用的基于BEM的命名方式是经过Nicolas Gallagh…

Atitit.css 规范 bem 项目中 CSS 的组织和管理

Atitit.css 规范 bem 项目中 CSS 的组织和管理 1. 什么是BEM?1 1.1. 块(Block)2 1.2. 元素(Element)2 1.3. BEM树(和DOM树类似).3 1.4. 修饰符(modifier)的3 2. 块的独立性4 3. 独立的CSS4 3.1. 为独立的CSS类命名5 4. BEM争议最大的就是它的命名风格 6 5. OOCSS6 6. ACSS6 7. CSS 组织和管理结论attilax总结7 8. Atibem7 8.1. Modifier…

换肤系统（oocss方式）

近期想做一个换肤系统,参考过Bootstrap系统,思前想后,内容不难,但就是理不清楚,主要是换肤系统的css如何设计,怎样设计可重用性最好,后期更方便修改和维护,还有一个最头疼的就是怎么给css进行命名,没有一个系统的,清晰的,一目了然的命名恐怕自己做到最后也都忘了.今天看到咱们博客上的一篇文章,受益良多,面向对象CSS(OOCSS),原谅我才疏学浅,2008年就被提出来了,我现在才第一次见这个名词.虽然还有人没听过这个名词,但其实也许自己已经用过这个概念和方式,它不是针对换肤系统被提出的概念…