# 129: Emmet (je super) - CSS-triki

Anonim

Emmet je dodatek za urejevalnike kod, ki omogoča hitrejše pisanje HTML in CSS.

Na sprednji strani HTML omogoča pisanje okrajšav za HTML. Na primer

table>tr*3>td*3

Se spremeni v

 

Ko ga "razširite". Razširitev se zgodi s sprožilno tipko, običajno tipko TAB.

To je podobno kodiranju Zen, v resnici pa je Emmet razvoj zen kodiranja. S tem se lahko precej domislite in čez nekaj časa se začne počutiti naravno in močno. Lahko se počutite udobno, saj je Emmet na voljo v tako velikem številu urejevalnikov kod, vključno s CodePenom.

Na sprednji strani CSS Emmet ponuja tako imenovano Fuzzy Search, ki vam omogoča hitro / ohlapno vnašanje lastnosti in vrednosti CSS, pri čemer ga bo zabodel, ko ga bo razširil v tisto, kar mislite. Običajno deluje precej dobro.

Na primer, se w(TAB)pretvori v width: ;s kazalko tik pred podpičjem. ov:h(TAB)se spremeni v overflow: hidden;Pretty rad, samo poskusiti morate. Pametneje je kot poskušati zapomniti natančno okrajšavo za vsako lastnost in vrednost CSS (preprosto preveč jih je).