# 129: Emmet (er fantastisk) - CSS-tricks

Emmet er en tilføjelse til kodeditorer, der giver dig mulighed for at skrive HTML og CSS hurtigere.

På HTML-fronten tillader det dig at skrive forkortelser for HTML. For eksempel

table>tr*3>td*3

Bliver til

Når du "udvider" det. Udvidelse sker med en udløsertast, normalt TAB-tasten.

Dette svarer til Zen-kodning, og faktisk er Emmet en udvikling af Zen-kodning. Du kan blive ret fancy med dette, og det begynder virkelig at føles naturligt og kraftigt efter et stykke tid. Du kan blive fortrolig med det, fordi Emmet er tilgængelig på et så stort udvalg af kodeditorer inklusive lige på CodePen.

På CSS-fronten tilbyder Emmet det, der kaldes Fuzzy Search, som giver dig mulighed for hurtigt / løst at skrive CSS-egenskaber og -værdier, og det vil tage et stak at udvide det til hvad du mener. Det fungerer normalt ret godt.

For eksempel w(TAB)skifter til width: ;med markøren lige før semikolonet. ov:h(TAB)bliver til overflow: hidden;Pretty rad, du bliver bare nødt til at prøve det. Det er klogere end at prøve at huske en nøjagtig forkortelse for hver enkelt CSS-ejendom og værdi (der er bare for mange).