Createing Web site Study Blog ~ WEB制作に関するお勉強ブログ ~

  • Share on Tumblr




Sublime Text 2に、Zen-Codingをインストールできなくて調べていたら、EmmetというZen-Codingの次期バージョンを見つけました。覚え書きのためにメモ。


基本的な使い方は、Zen-Codingと同じ。


「control + e」で展開する


ダミーテキストが展開できる

lorem か、 lipsum と入力すると、ダミーテキストが入力される。


^ で上の階層に戻る

(.header>.nav)+.logo
.header>.nav^.logo


CSSの記述が楽


h1 {
fl:l+d:i+c
}

展開後
h1 {
float: left;
display: inline;
color: #000;
}

fl:l float:left;
d:i display:inline;
c color:#000;

コメントを残す

コメントを投稿するにはログインしてください。