BEM（塊(Element)、元素(Element)、修飾符(Modifier)）是一種CSS規范，它的主要目的是幫助開發人員設計和編寫可維護和可擴展的CSS代碼。

在BEM規范中，一個頁面被分解成一系列獨立的模塊，每個模塊有一個獨特的塊名。塊名應該簡短而且描述性，以便易于理解，例如：.header、.sidebar、.footer等。

塊又由一個或多個元素組成。元素通常是塊的子元素，專門用于特定的功能。元素的類名必須是以塊名為前綴，中劃線-分隔符和元素名，例如：.header-nav、.footer-links等。

BEM還使用修飾符來為元素和塊添加額外的樣式。修飾符是可選的，但可以幫助我們節省重復的CSS代碼。修飾符應該被考慮為狀態或者變體，例如添加.active、.disabled等類名。

下面是一個簡單的BEM代碼示例：

.header {}
.header__logo {}
.header__nav {}
.header__nav-item {}
.header__nav-item--active {}

在上述示例中，.header是一個塊，它包含了一個.logo元素和一個.nav元素。.nav元素包含了多個.nav-item元素，其中一個.active修飾符被添加到其中一個元素。

使用BEM規范的好處在于提供了一種結構清晰、易于擴展、易于維護的CSS編寫方式。通過命名約定和層次結構，在中大型項目中查找和修改CSS樣式變得更加容易。