他们说这叫“面向对象CSS” (1) 概述
时隔半月，我的coder人格继续来学习业务知识；这次来翻一翻学一学的是来自nettuts+的“Object-Oriented CSS: What, How, and Why”；可以看到，作者标题到一定程度了，不过仍是值得学习参考的HTML5+CSS3实战性质的流程范例。他们说这叫“面向对象CSS”，我姑且就这么翻着了；开搞。
什么是面向对象CSS?
所谓面向对象CSS，本质上讲，就是编写更加简洁高效的CSS；代码方面仍是我们熟识和热爱的那个CSS，只是在这里用一种新的说法来代表这类简洁的CSS模式及实践方式。(作者一上来就主动揭露了自己标题的本质，很坦诚也很嚣张；继续看)
那为什么要叫它“面向对象CSS”呢？根据维基百科(自己标题还拿维基来说事)对“面向对象”的诠释：
面向对象程序设计，指一种程序设计范型，同时也是一种程序开发的方法论。它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的重用性、灵活性和扩展性。
如果我们用类似的文案来定义面向对象CSS，那么大致是这样：
面向对象CSS，指一种样式代码编写方式；通过这种方式为嵌套式的HTML页面布局元素，例如“对象”及“元素”等设定表现方式，以提高样式代码的重用性、灵活性和健壮性。
背后的原理
引用Nicole Sullivan的话说：
这里面有两个大的原则，一是结构与样式的分离，二是容器与内容的分离。
所谓容器与内容的分离，就是任何容器都应该可以调整自己，以适应不同类型的内容；这是保证灵活性和可重用性的关键。
为什么要这样写代码
好处多是多的来～ 不过主要还是前面说到的：提高样式代码的重用性和灵活性；相应的，样式表文件也可以变的更小。
光说不练嘴把式；概述里面的东东给人的靠谱感不是粉墙，明天来具体看看HTML5搞的页面代码。
译者：Viiiix7210
原文参考：Object-Oriented CSS: What, How, and Why
| < Prev | Next > |
|---|
