BEM

Význam: Block • Element • Modifier

Podrobný popis zkratky

Zkratka BEM znamená Block • Element • Modifier, což je metodika pro psaní strukturovaného a udržitelného CSS kódu. Používá se k vytváření znovupoužitelných komponent a jejich stylování, což usnadňuje správu větších webových projektů.

BEM rozděluje komponenty na tři základní části:

Block: Hlavní komponenta, například tlačítko nebo navigace.
Element: Podčást bloku, která nemůže existovat samostatně, například ikonka v tlačítku.
Modifier: Varianta nebo stav bloku či elementu, například tlačítko v aktivním stavu.

Tato struktura zajišťuje jasnou a konzistentní hierarchii tříd v HTML a CSS.

Příklady použití zkratky BEM

Při vývoji našeho webu používáme metodiku BEM, abychom měli přehledné a snadno upravitelné CSS třídy.
Když píšu styly podle BEM, pojmenuju blok třeba .menu, jeho element .menu__item a pak modifikátor třeba .menu__item--active.
BEM nám v týmu hodně pomohl vyhnout se konfliktům ve stylech a zjednodušil údržbu většího projektu.

Vznik zkratky a historie

BEM byl vyvinut společností Yandex začátkem 21. století jako odpověď na potřebu přehledného stylování rozsáhlých webových aplikací. Díky své jednoduchosti a efektivitě se rychle stal populárním mezi vývojáři po celém světě.

Dnes je BEM jednou z nejrozšířenějších metodik pro organizaci CSS kódu, často používanou spolu s moderními frontendovými frameworky.

Počet zobrazení: 27

Nahlásit chybu u této zkratky

Další významy zkratky BEM

Vložte si vysvětlení zkratky na svůj web

Textové vysvětlení

<span><strong>BEM</strong> znamená &quot;Block • Element • Modifier&quot;. <a href="https://databazezkratek.cz/zkratka/bem/" target="_blank" rel="dofollow" style="color:#0073e6;">Zjistit více</a></span>

BEM znamená "Block • Element • Modifier". Zjistit více

Repsonzivní box s významem

<div style="border:1px solid #ccc; border-radius:6px; padding:10px; font-family:sans-serif; font-size:14px;">
<strong style="font-size:18px">BEM</strong><br>Význam: Block • Element • Modifier<br><a href="https://databazezkratek.cz/zkratka/bem/" target="_blank" rel="dofollow" style="color:#0073e6;">Zjistit více</a>
</div>

BEM
Význam: Block • Element • Modifier
Zjistit více

Karta s bílým pozadím

<div style="background:#fff; border:1px solid #ccc; border-radius:10px; padding:16px; font-family:sans-serif; font-size:15px; text-align:center;">
<strong style="font-size:20px;">BEM</strong><div style="color:#999; margin:4px 0;">— znamená —</div><div style="font-size:17px; margin-bottom:8px;">Block • Element • Modifier</div><a href="https://databazezkratek.cz/zkratka/bem/" target="_blank" rel="dofollow" style="color:#0073e6; text-decoration:none;">Zjistit více</a>
</div>

BEM

— znamená —

Block • Element • Modifier

Zjistit více

Citace

Použij následující citaci pro uvedení této zkratky ve své práci nebo zdroji.

Styl citace:

BEM – Block • Element • Modifier. In: Databáze zkratek [online]. [cit. 22. 5. 2026]. Dostupné z: https://databazezkratek.cz/zkratka/bem/