# BEM: guia definitivo do padrão CSS mais famoso

> Guia completo da metodologia BEM (Block Element Modifier). Aprenda a convenção CSS do Yandex com exemplos práticos, vantagens e melhores práticas.

URL: https://dpw.dev/css/bem/  
Publicado em: 2020-06-01  
Categoria: css  
Tags: planejamento, sass  
Autor: Tárcio Zemel

**BEM** é uma metodologia CSS (ou convenção de nomenclatura) usada no mundo todo. Continue lendo para saber o que é CSS BEM, vantagens em se usar, melhores práticas com BEM, exemplos de escrita e muito mais.

[Vídeo no YouTube](https://www.youtube.com/watch?v=rltjnLyjFZk)

<figure>

![BEM CSS: logo oficial.](/images/blog/bem/image.webp)

<figcaption>

Sim, BEM tem um logo oficial.

</figcaption>

</figure>

[BEM](http://getbem.com/) nasceu como parte de um framework completo de desenvolvimento do Yandex, buscador com maior market share da Rússia -- apesar de desconhecido na Terra de Santa Cruz, ele é um dos mais usados buscadores do mundo, com _centenas de milhões_ de buscas _por dia_!

Esse padrão de nomes ficou tão bom e tão eficiente, que só ficou atrás de petróleo e gás nas exportações da Rússia para o mundo.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml