あなたのキモチ つなげるカタチ

TOP > 備忘録 > 【メモ】忘れやすいと感じるEmmetのショートカット

【メモ】忘れやすいと感じるEmmetのショートカット

この記事は完全に自分向けですが、皆さんもEmmetを使用するにあたり覚えにくいショートカットがあったりしないでしょうか?Emmetのショートカットは直感的に使えて便利なのですが、引っかかる事が時々あるので随時まとめることにしました。

忘れやすいショートカット一覧

プロパティ ショートカット 備考
vertical-align:middle; va:m(ショートカット) vamでもいける
display:table-cell; d:tbc(ショートカット) d:tbcでもいける
box-sizing:border-box; bxz(ショートカット)
text-align: left; ta,ta:l(ショートカット) talではダメ!!
background-size bgsz(ショートカット)
border bd(ショートカット)
cursor: pointer; cur(ショートカット)

Emmetについて参考になるもの

チートシートURL→http://docs.emmet.io/cheat-sheet/
「Emmetって何?」というかたは
こちらの記事が分かりやすいです。Dreamweaverでも使用することができます!