基本概念
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 样式文件:
优缺点
优点：
缺点：
到此这篇css 规范（css规范bem）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/44229.html