基本概念
BEM — Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development. BEM 是一种命名方法，能够帮助你在前端开发中实现可复用的组件和代码共享。
（Block-Element-Modifier）是一种 CSS 模块化方法，旨在简化 CSS 编写并提高代码的可读性和可维护性，它将 HTML 元素划分为三个部分: （block）、（element） 和 （modifier）。
（block）是 BEM 的核心部分，它定义了一个 HTML 元素的基本结构和行为。块可以使用大写字母命名，例如 、、 等。
（element）是块的一个组成部分，它定义了块中特定内容的样式。元素可以使用小写字母命名，例如 、、等。
（modifier）是针对块或元素的特定状态或行为进行配置的方法。修饰符可以使用中划线（_）或破折号（-）进行命名，例如 、、 等。
命名规则
实践应用
优缺点
优点:
缺点:
基本概念
（Object-Oriented CSS）即面向对象的 CSS，它借鉴了 OOP（面向对象编程，OOP 已在 JavaScript 和 后端语言中得到广泛使用，不止是 JS 才会有 OOP面向对象模式，CSS 中的 OO写法 到现在已经不是一个新概念，2008年由 Nicole Sullivan 提出，目标是通过应用 Java 和 Ruby 等变成语言普及的面向对象设计原则，是动态CSS更易于管理）的抽象思维，主张将元素的样式抽象成多个独立的小型样式类，来提高样式的灵活性和可重用性。
两个基本原则:
实践应用
像上面这个 的样式，使用 的话，需要创建更多的 “原子类”，并且每个样式对应一个类，这样可以重复使用这些样式，避免写相同的样式。代码如下:
优缺点
优点:
缺点:
基本概念
（Scalable and Modular Architecture for CSS）是一种面向模块的 CSS 架构方法，它提倡将 CSS 代码分解为几个模块化的部分，以便更好地组织和管理样式。
SMACSS 将 CSS 代码分为五个主要类别:
命名规则
SMACSS 推荐使用前缀来区分不同部件:
实践应用
优缺点
优点:
缺点:
基本概念
（Inverted Triangle Cascading Style Sheets，「倒三角 CSS」）是一套方便扩展和管理的 CSS 体系架构，它兼容 BEM、OOCSS、SMACSS 等 CSS 命名方法论。由 创建，它基于分层的概念把我们项目中的样式分为七层。
根据 ITCSS 的思想，你可以这样组织你的 CSS 样式文件:
优缺点
优点：
缺点：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/194853.html