[css] 第312天 OOCSS有哪些好处？对应的库有哪些？

[haizhilin2013]

第312天 OOCSS有哪些好处？对应的库有哪些？

我也要出题

[longhui520]

• 有语义的类名，逻辑性强的层次关系
• 可重用，样式和结构的分离，容器和内容的分离
• Kite
• 参考文章
• 参考文章

[Wyt-GitHub8000]

OOCSS（Object Oriented CSS，面向对象的 CSS）是一种 CSS 设计模式，将样式抽象成可重用的对象，以提高 CSS 的可维护性和可重用性。采用 OOCSS 设计模式有以下好处：

提高可维护性：将样式抽象为可重用的对象，可以减少代码冗余，降低维护成本。

提高可重用性：可重用的对象可以在多个页面中使用，从而提高了代码的复用性。

提高扩展性：通过继承和组合等方式，可以轻松地扩展样式，从而促进样式的重用。

模块化管理：将样式划分为小而独立的模块，有助于更好地组织和管理样式。

提高性能：减少代码冗余和提高样式重用性，有助于减少 CSS 文件大小，从而提高页面加载速度。

常用的 OOCSS 库包括：

Bootstrap：由 Twitter 开发的前端框架，提供了一套基于 OOCSS 设计模式的 CSS 样式库。

Foundation：由 ZURB 开发的前端框架，同样提供了一套基于 OOCSS 设计模式的 CSS 样式库。

SMACSS：Scalable and Modular Architecture for CSS，是一种基于 OOCSS 设计模式的 CSS 管理方法。

BEM：Block Element Modifier，是一种基于 OOCSS 设计模式的 CSS 管理方法，可以更好地组织和管理样式。