我刚刚发现了关于"面向对象的CSS"概念的这个有趣的演示.这似乎是一个好主意,但演示文稿相当简短,并没有提供很多例子.
我的问题:
这个概念是否相关？
OOCSS有什么好处？
你能为我提供"面向对象的CSS"的复杂例子吗？
也许,你认为这个概念并不重要
为什么？
您使用什么样的工作流程(和规则)？
ndorfin.. 13
我是这么认为的,它基本上是为CSS作者使用的方法命名,与创建样式指南的方式基本相同.它有用吗？是.是否容易继承其他人的OOCSS工作？可能不是.
抽象某个组件的样式属性总是有利于整个站点的样式一致性.假设您想要更改组件的边框样式以获得全新的外观:您通常会更改有关边框样式主样式的几行.
我创建了一个关于Web应用程序中所有"小部件"的UI开发人员风格指南(或样式词汇表).每个小部件将根据其预期内容进行分类.每个小部件可以具有任意数量的预定义框样式,背景样式.每个小部件也可以根据放置在哪个父元素的不同来布置其内容.
这类似于以下代码: 我认为我们保存了无数的CSS代码,因为我们可以在几个核心"小部件"上使用可互换的属性,而不是定义每个"小部件"的每个独特的化身.它还使跨浏览器修复变得更加容易,因为您可以独立处理"小部件"样式.(大多数浏览器错误与盒子尺寸和位置/布局有关) 在我看来,在设计和实现网站的前端时,更多UI用户需要通过StyleGuide/Style Vocab练习.在站点上使用的可视元素中创建一致性.一致的视觉效果通常会产生一致且高效的CSS! 希望有所帮助,nd 我是这么认为的,它基本上是为CSS作者使用的方法命名,与创建样式指南的方式基本相同.它有用吗？是.是否容易继承其他人的OOCSS工作？可能不是. 抽象某个组件的样式属性总是有利于整个站点的样式一致性.假设您想要更改组件的边框样式以获得全新的外观:您通常会更改有关边框样式主样式的几行. 我创建了一个关于Web应用程序中所有"小部件"的UI开发人员风格指南(或样式词汇表).每个小部件将根据其预期内容进行分类.每个小部件可以具有任意数量的预定义框样式,背景样式.每个小部件也可以根据放置在哪个父元素的不同来布置其内容. 这类似于以下代码: 我认为我们保存了无数的CSS代码,因为我们可以在几个核心"小部件"上使用可互换的属性,而不是定义每个"小部件"的每个独特的化身.它还使跨浏览器修复变得更加容易,因为您可以独立处理"小部件"样式.(大多数浏览器错误与盒子尺寸和位置/布局有关) 在我看来,在设计和实现网站的前端时,更多UI用户需要通过StyleGuide/Style Vocab练习.在站点上使用的可视元素中创建一致性.一致的视觉效果通常会产生一致且高效的CSS! 希望有所帮助,nd 我没有看到这个概念有任何好处,因为CSS的当前定义已经在某种程度上面向对象已经有了它的级联,选择器,通配符等. 他们提到将容器与内容分开,这对我来说就是CSS的功能. 雅虎的性能工程师Nicole Sullivan给出了与问题相关的演示文稿. Yahoo开发者网络站点上有一个原始演示文稿的视频,以及github上OOCSS项目的存储库.用于每个包装器/容器,每个类分别为:"Box Style,Background Style,Content".然后,处理HTML/Views的开发人员可以轻松切换出任何预定义的样式,并用更合适的样式替换它们.例如替换bg_neutral与bg_gradient_fff_eee一个梯度背景代替.
1> ndorfin..：它有关系吗？
OOCSS有哪些好处？
一个例子
用于每个包装器/容器,每个类分别为:"Box Style,Background Style,Content".然后,处理HTML/Views的开发人员可以轻松切换出任何预定义的样式,并用更合适的样式替换它们.例如替换
bg_neutral与bg_gradient_fff_eee一个梯度背景代替.
2> John Rasch..：
我同意.在我看来,"OOCSS"只是不是随意编写的CSS.与在OO语言中编写非面向对象设计的方式大致相同,您可以轻松搞乱创建CSS的基本理念.OOCSS似乎在说,"让我们不要搞砸了,伙计们." +1
3> brianpeiris..：
推荐阅读
如何解决《禁用在VisualStudio2015forASP.NET5项目中自动添加新文件》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《Haskell中的语法错误》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《启动任务并等待多次》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《常数,但仅适用于此范围的其余部分》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《投影中的变量"x"在GROUPBY中不存在》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《如何搜索"到下一行所述的无效地址"错误》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《延迟加载html5视频》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《如何在javafx中制作透明场景和舞台？》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《无法从'HTMLInputElement'中读取'selectionStart'属性:》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《PHP:将base64转换为图像》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《添加clojure依赖项并运行leinuberjar会导致java.lang.IllegalAccessError》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《RtuneRF不稳定，如何优化？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《安全规则:检查空身份验证》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《运行DSharp示例时出现错误信息》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《JS兼容Haxe承诺？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《在C++中重载了==和!=运算符》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《如何将对象转换为对象数组(或对象集合)》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《SWIFT-LocationManager循环多次？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《如何在IphonePhonegap中播放内联视频》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《输入参数'd'在D3.js函数中意味着什么？》经验，为你挑选了1个好方法。 ...
[详细]
吐了个 "CAO" !
Tags | 热门标签
RankList | 热门文章
DevBox开发工具箱 | 专业的在线开发工具网站 
京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
