# 129: Emmets (ir lielisks) - CSS-triki

Anonim

Emmet ir koda redaktoru papildinājums, kas ļauj ātrāk rakstīt HTML un CSS.

HTML priekšpusē tas ļauj rakstīt HTML saīsinājumus. Piemēram

table>tr*3>td*3

Kļūst par

 

Kad jūs to “paplašināt”. Paplašināšana notiek ar aktivizēšanas taustiņu, parasti ar taustiņu TAB.

Tas ir līdzīgs Zen kodēšanai, un faktiski Emmets ir Zen kodēšanas evolūcija. Ar to jūs varat iegūt diezgan iedomātu, un tas pēc kāda laika patiešām sāk justies dabiski un spēcīgi. Jūs to varat apmierināt, jo Emmet ir pieejams tik milzīgā kodu redaktoru klāstā, tostarp tieši CodePen.

CSS priekšā Emmets piedāvā tā saukto Fuzzy Search, kas ļauj ātri / brīvi ierakstīt CSS īpašības un vērtības, un tas prasīs, lai to izvērstu tajā, ko jūs domājat. Parasti tas darbojas diezgan labi.

Piemēram, w(TAB)pagriežas width: ;ar kursoru tieši pirms semikola. ov:h(TAB)pārvēršas par overflow: hidden;diezgan rad, jums vienkārši būs jāmēģina. Tas ir gudrāk nekā mēģināt iegaumēt precīzu saīsinājumu katram CSS rekvizītam un vērtībai (to ir vienkārši par daudz).