説明
Emmetは、HTMLやCSSを効率的に記述するためのプラグインです。初めのうちはプログラミングの学習に集中し、このような記法があることに気が付きませんでした。以下に使用例を記載します。tabキーを押すことで展開されます。●HTMLの場合
!
> ```html Document ```div
> ```html ```a
> ```html ```div#top
> ```html ```div.container
> ```html ```div#section.btn.twitter
> ```html ```p{hello}
> ```htmlhello
```p*3
> ```html ```div.item*4
> ```html ```ダミー文章を入力する事もできます。
<p>lorem</p>
> ```htmlLorem ipsum dolor sit amet consectetur adipisicing elit. Rerum illum reprehenderit vel rem mollitia, consequatur facilis sapiente earum, voluptatem veritatis officia iusto debitis expedita ducimus excepturi omnis quas voluptas nostrum?
```●CSSの場合
m
> ```CSS margin: ; ```p
> ```CSS padding: ; ```ピクセルを指定することでもできます。
m10
> ```CSS margin: 10px; ```m10-20-30
> ```CSS margin: 10px 20px 30px; ```他にも以下のように、省略して記述することも出来ます。
bgc
> ```CSS background-color: #fff; ```fsz
> ```CSS font-size: ; ```pos
> ```CSS position: relative; ```このようにEmmetを使用すればコーディングが捗ります。