# 129: Emmet (félelmetes) - CSS-trükkök

Anonim

Az Emmet a kódszerkesztők kiegészítője, amely lehetővé teszi a HTML és CSS gyorsabb írását.

HTML elől lehetővé teszi, hogy rövidítéseket írjon a HTML-hez. Például

table>tr*3>td*3

Átfordul

 

Amikor „kibővíted”. A kibontás egy trigger kulccsal történik, általában a TAB billentyűvel.

Ez hasonló a Zen kódoláshoz, és valójában az Emmet a Zen kódolás fejlődése. Ezzel nagyon divatos lehet, és ez egy idő után valóban természetesnek és erőteljesnek tűnik. Kényelmesen érezheti magát, mert az Emmet olyan hatalmas kódszerkesztőkben érhető el, beleértve a CodePen-t is.

A CSS fronton az Emmet az úgynevezett Fuzzy Search lehetőséget kínálja, amely lehetővé teszi, hogy gyorsan / lazán beírja a CSS tulajdonságait és értékeit, és szúrás lesz, amikor kibővíti azt, amire gondol. Általában elég jól működik.

Például a kurzorral közvetlenül a pontosvessző elé w(TAB)fordul width: ;. Pretty rad-ra ov:h(TAB)változik overflow: hidden;, csak ki kell próbálni. Okosabb, mint megpróbálni megjegyezni a pontos rövidítést minden egyes CSS tulajdonsághoz és értékhez (túl sok van).