oocss

好程序员web前端学习路线分享css模块化方案

oocss面对对象的规则，主要的原则是两种：分离结构和外观，分离容器和内容。名词解释1、分离结构和外观：增加可重复的设计单元，同时去推
wx5d42865f47214·2019-09-03 17:26

前端开发入门到实战：六种组织CSS的方式

此外，这种OOCSS的方法本身并没有明确的规则，
前端老司机·2019-06-04 21:44

作为一个前端开发者必备的技能

HTML（代码整洁，语义化标签）.css(模块化，可伸缩）CSS方法（BEM,SMACSS,OOCSS)CSS预处理器（SCSS，LESS,PostCSS)现代css（FlexBox，Grid)JS现代
奔跑的太阳花·2019-02-01 08:00

css模块化方案

oocss面对对象的规则，主要的原则是两种：分离结构和外观，分离容器和内容。
RobinsonZhang·2019-01-09 15:18

浅谈css设计模式(OOCSS、SMACSS、Meta CSS、BEM)

使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性2.可以理解为：代码的可读性，可维护性，可拓展性3.css预处理器Less、Sass4.目前比较流行的css设计模式有：OOCSS、SMACSS
马小帅mm·2018-11-20 18:33

面向对象的CSS

原文博客原文大纲1、面向对象的CSS(OOCSS)概念2、面向对象的CSS的作用3、面向对象的CSS的注意事项4、面向对象的CSS的使用实例1、面向对象的CSS(OOCSS)概念面向对象的CSS将页面可重用元素抽象成一个类
前端路上的小兵·2018-07-19 22:25

前端架构

Javascript:Angular,ReactJs,VueJsCSS:SMACSS,OOCSS,BEMHtml:无可以看到，CSS和Html都不太受重视，有关CSS架构的文章都不太引起大家的兴趣。
予沁安·2018-05-07 13:29

CSS架构（命名组织方式）札记

css组织命名方式(CSS架构)主要有OOCSS,BEM,SMACSS,MVCSS等。关于cssframework，请参考演讲稿。前两者侧重于命名方式，后两者侧重于组织方式。
thisiswoa·2018-02-05 11:03

CSS代码风格小贴士

dark层级控制在4级内，最好不超过3级，如header__title__icon嵌套元素过多时，可直接在内部抽象出另一层组件，减少层级实例：标题标题副标题标题其它可选规则：rscss、SMACSS、OOCSS
厦门前端阿梦·2018-01-31 17:44

编写模块化CSS：BEM

因为专家们的纷纷加入，于是我们有BEM，OOCSS，SMACSS，AtomicDesign等许多选择。现在，问题不是痛苦“我不知道该怎么办”，而是“有这么多方法，我应该尝试哪个？
Haytham_Chou·2018-01-08 14:04

CSS分层

important，分好层可以让团队命名统一规范，方便维护有责任感的去命名你的选择器SMACSSSMACSS（ScalableandModularArchitectureforCSS可扩展的模块化架构的CSS）像OOCSS
mkv_me·2017-12-26 10:07

css

css-tricks.com/bem-101/https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss
jh2k15·2017-12-25 09:34

Headings should only be defined once (标题应只定义一次)

文章为csslint中文版译文，点击原文可查看英文版，如遇到翻译错误或错别字啥的，请留言指出~译文内容不定期更新~返回目录面相对象CSS(OOCSS)要求定义可重用的对象,以确保在站点的任何位置使用时,
唐小律·2017-09-20 09:22

CSS 代码组织和管理规范BEM，OOCSS，SMACSS，ACSS

本文主要讨论的是大型项目中CSS代码的组织方式。首先介绍的是前端项目开发方法学BEM。BEMBEM是一种前端项目开发的方法学，由Yandex公司提出。BEM的名称来源于该方法学的三个组成部分的英文首字母，分别是块（Block）、元素（Element）和修饰符（Modifier）。这三个不同的组成部分称为BEM实体。块块即是通常所说的Web应用开发中的组件或模块。每个块在逻辑上和功能上都是相互独立的
swpu_lwf·2017-09-11 09:45

如何编写轻量级 CSS 框架

在之前的文章中，我提到了面向对象的CSS（比如BEM、OOCSS
叙帝利·2017-08-06 19:00

CSS的组件化方案：OOCSS + BEM

CSS由于缺少命名空间，所有的class都是全局的，所以大团队项目如果没有良好的命名规范，会容易失控。举例实现以下效果：通过class+tag.pageButtons{display:flex;justify-content:center;}.pageButtonsbutton{width:80px;height:30px;margin:5px;border-radius:4px;border:n
杰克船长·2017-08-06 00:00

前端技能树

作为一个前端开发者，我认为我们应当具备如下技能树：HTML（整洁代码，语义化标签）CSS（模块化，可伸缩）CSS方法（BEM、SMACSS、OOCSS）CSS预处理器（less、scss、postcss
Bin_Going·2017-08-05 09:26

css编写

css的两种类名方式语义化类名根据模块给html起名字，比如ueser-info，menu-wrap视觉类名根据视觉风格呈现的代码，比如red、big-OOCSS（ObjectOrientedCSS）面向对象的
EffIdong·2017-06-29 15:49

Atitit..css的体系结构

Atitit..css的体系结构  1.Oocss与bem标准化11.1.四种样式表及六种选择器11.2.常用的css框架 amazeui  bootstrap11.3.Css图标11.4.Css的操作
attilax·2016-04-06 18:00

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

31.4.修饰符（modifier）的32.块的独立性43.独立的CSS43.1.为独立的CSS类命名54.BEM争议最大的就是它的命名风格65.OOCSS66.ACSS67.CSS组织和管理 结论attilax
attilax·2016-04-01 23:00

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

31.4.修饰符（modifier）的32.块的独立性43.独立的CSS43.1.为独立的CSS类命名54.BEM争议最大的就是它的命名风格65.OOCSS66.ACSS67.CSS组织和管理 结论attilax
attilaxAti·2016-04-01 23:00

overflow知多少（转）

最近在研究OOCSS，当打开template.css阅读第一行时，震惊了，第一眼居然没看懂。。。。。。
u011910290·2016-03-17 12:00

Object-Oriented CSS

1、指导思想：http://oocss.org/2、reset.csshttp://meyerweb.com/eric/tools/css/reset/3、normalize.csshttps://necolas.github.io
fo0ol·2016-03-10 01:00

overflow知多少

最近在研究OOCSS，当打开template.css阅读第一行时，震惊了，第一眼居然没看懂。。。。。。
AutismTune·2016-02-20 11:00

CFF前端沙龙总结

一、-OOCSS+Sass——大漠1.OOCSS 结构皮肤分离容器内容分离2.Sass工具、处理器SCSS（CSS风格）Sass（Ruby风格）（1）变量（2）混合宏（3）占位符、使用时才启用（4）嵌套
沙漏哟·2016-02-18 13:00

OOCSS的概念和思路

《概念》 《思路》面向对象的CSS有两个原则： 独立的结构和样式 独立的容器和内容 以下几点是创建OOCSS的关键部分： 创建一个组件库 独立的容器和内容，并且避免样式来依赖位置 独立的结构和样式 使用类名为扩展基本对象
WoodK·2016-01-22 16:00

2015-12-12复习之OO CSS

OOCSS的定义OO（ObjectOriented）面向对象OOCSS将页面可重用元素抽象成一个类，用class加以描述，而与其对应的HTML即可看成是此类的一个实例。
cysear·2015-12-13 12:00

OOCSS(样式和结构的分离与容器和内容的分离)

神马是OOCSS简言之：就是面向对象的CSS【ObjectOrientedCSS】，和大多OO编程语言的类似，都是提倡高复用【抽离公共属性，给私有增加特定属性；这种东东在很早之前就有提倡使用了。
bomess·2015-12-01 19:00

bootstrap学习之路

    接触bootstrap也半年有余，从一开始不知道如何使用，到知道其各个模块的具体功能，再到提炼哪些使用的比较多，再此又体会到bootstrap源码的精髓，通过oocss
·2015-11-13 19:38

面向对象的CSS－－OOCSS

nbsp; 时下流行面向对象，那么有没有可能把样式表也面向对象一下呢，将现在的ＣＳＳ（Cascading Style Sheets层叠样式表）进 化一下，演变成面向对象的样式表，给套了个概念上去，以下叫“OOCSS
·2015-11-13 17:29

OOCSS学习（二）

OOCSS —— 面向对象CSS 5.CSS团队精神：CSS最佳团队开发  　　在本文中,你将学习书写CSS的最佳实践来帮助你避免不一致和冗余;实际上,这样制定标准,简化了团队开发的工作。
·2015-11-11 18:01

OOCSS学习（一）

OOCSS —— 面向对象CSS 搜集一些该搜集的，然后汇总一下。 1.OOCSS 概念篇： 　　1）什么是面向对象 　　　　确定“对象”，并给这个对象创建CSS样式规则。 　　
·2015-11-11 18:01

【OOCSS(stubbornella)】

https://github.com/stubbornella/oocss core/template <!
·2015-11-11 03:46

JS动态特性

  var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; for(var i in arr) { obj[i]=arr
·2015-11-02 15:15

让所有人大开眼界的震撼创新：第六感技术的惊异潜力

本文来源于网络，转载申明 FlyJS 轻量级的Javascript框架 http://www.oocss.cc/?
·2015-11-02 09:10

oocss

CSS by 99csshttp://www.99css.com/archives/59驯服CSS选择器–健壮我们的样式表 by 99csshttp://www.99css.com/archives/55OOCSS
·2015-10-31 10:11

面向对象的CSS－－OOCSS

新版 OOCSS 请关注 http://www.oocss.cc/       时下流行面向对象，那么有没有可能把样式表也面向对象一下呢，将现在的
·2015-10-31 09:38

面向对象的CSS－－OOCSS

        新版 OOCSS 请关注 http://www.oocss.cc/     
·2015-10-31 08:14

Object-Oriented CSS (CSS面对对象)

Object-Oriented CSS = OOCSS   一、原理： 1，OOCSS把每个Components叫做Object 2.每个Components是固定的HTML structure
·2015-10-28 09:13

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

自从2008年NicoleSullivan提出Object-OrientedCSS(OOCSS)以来。它就成为一个领先的模块系统，用来组织你的CSS代码方式之一。
江小湖Laker·2015-07-22 15:01

CSS3学习（九） 更高级的CSS用法

建立起组件库思想、栅格布局、减少选择器，提升思考的格局2.注意：①结构与皮肤分离②容器与内容分离③抽象出可重用元素，建立组件库④避免ID选择器，重用度为0，除非用在Js中官方网站：http://www.oocss.org
puppyand123·2015-07-14 16:00

CSS知识总结之设计模式（持续学习中）

OOCSS参考：http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss  作者
·2015-07-03 15:00

使用Sass来写OOCSS

自从2008年NicoleSullivan提出Object-OrientedCSS(OOCSS)以来。它就成为一个领先的模块系统，用来组织你的CSS代码方式之一。
江小湖Laker·2014-12-22 00:00

CSS设计模式：OOCSS 和 SMACSS

这篇文章就来说说 OOCSS、SMACSS 和撰写 CSS 时应该注意的规范。
liuguofeng·2014-11-01 14:00

（OOCSS\DRY\SMACSS）

我现在面对的CSS基本上就是一个三头六臂的怪物，一点不夸张，因为真的是三头六臂，同一个样式在同一个element上作用了好几遍，而同一个样式又分散在4，5个class上，优先级有很多层。可以看得出这个怪物不是一个人造就的，早期的开发者选择了SCSS技术，但混乱的import导致了一些基本的样式被多次调用，而后面的开发者又为了摆脱之前的混乱引入了其他共用样式，但无济于事。原因出在HTML上，CSS依
qianqianyixiao1·2014-10-30 12:00

CSS设计模式：OOCSS 和 SMACSS

这篇文章就来说说OOCSS、SMACSS和撰写CSS时应该注意的规范。
weakish·2014-01-17 00:00

overflow知多少

最近在研究OOCSS，当打开template.css阅读第一行时，震惊了，第一眼居然没看懂。。。。。。
business122·2012-10-24 17:00

OOCSS——概念篇

“ObjectOriented”直译就是面向对象，对于这个词，大家并不陌生，但是加上一个CSS也就是说ObjectOrientedCSS，对于这个还是第一次见过，被叫作OOCSS(面向对象的ＣＳＳ)，其实这个东西早在
曾沙·2012-10-17 16:00

面向对象的CSS－－OOCSS

新版OOCSS请关注 http://www.oocss.cc/     时下流行面向对象，那么有没有可能把样式表也面向对象一下呢，将现在的ＣＳＳ（CascadingStyleSheets层叠样式表）进化一下
zeo112140·2012-03-28 09:00

不同CSS技术及其CSS性能

http://screwlewse.com/20…d-their-performance/翻译：张鑫旭//zxx:以下非特别标注的内容均来自原文，不代表个人观点一、为什么我要测试CSS的性能这是背景：我是OOCSS
Hoogle·2011-07-27 11:07
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他