BEM (Block Element Modifier), Yandex tarafından geliştirilen bir CSS isimlendirme ve mimari metodolojisidir. Amacı, kodun okunabilir, yeniden kullanılabilir ve ölçeklenebilir olmasını sağlamaktır.
BEM'in Üç Bileşeni
1. Block (Blok)
Bağımsız, kendi başına anlamlı bir bileşendir.
.card { }
.menu { }
.header { }
.button { }
.search-form { }
Özellikler:
Tekrar kullanılabilir
Bağımsız çalışabilir
İç içe yerleştirilebilir
Kebab-case ile yazılır