新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Emmetを使ってみよう (02:37) 無料公開中
- 公式サイト
- index.htmlの作成
- !
- チートシート
-
#02 HTMLのタグを展開してみよう (02:59) 無料公開中
- div
- a
- タブストップ
-
#03 タグの属性を指定してみよう (02:54) 無料公開中
- #id
- .class
- []
- {}
-
#04 複数の要素を展開してみよう (02:25)
- *
- 連番の指定
-
#05 階層を表現してみよう (03:00)
- >
- +
- ^
- ()
-
#06 暗黙的な補完機能を活用しよう (01:48)
- divの補完
- liの補完
- tr､tdの補完
-
#07 formに関するタグを展開してみよう (02:35)
- form:post
- input:t
- input:c
- input:r
- select
-
#08 margin､paddingを展開してみよう (02:47)
- m
- p
- m10
- p10
- m10p
- m10r
- m10p20p
- m10-20-30
- mb10
-
#09 CSSのプロパティを展開してみよう (01:09)
- font-size: 20px;
- cursor: pointer;
- font-weight: bold;
- position: absolute;
- position: relative;
-
#10 Emmet記法でテキストを囲ってみよう (02:49)
- Wrap with Abbreviation
- Wrap Indivisual Lines with Abbreviation
-
#11 画像に関する情報を取得してみよう (01:55)
- Update Image Size
- Evaluate Math Expression
-
#12 Emmet記法をカスタマイズしよう (02:27)
- snippets.json
- Emmetの設定
- 動作確認
