[EMMET notation] Basic, frequently used guy Emmet notation summary

【merit】

■ Coding will be faster. ■ There are fewer mistakes.

【Development environment】

■ Mac OS catalina ■ VS code

[Let's do it]

HTML version

div.hoge

hoge.html

<div class="hoge"></div>

div#hoge

hoge.html

<div id="hoge"></div>

div*3

hoge.html

<div></div>
<div></div>
<div></div>

div>h2

hoge.html

<div>
  <h2></h2>
</div>

CSS version

h100

hoge.css

heigh: 100px;

w100

hoge.css

width: 100px;

bc

hoge.css

background-color: #fff;

c

hoge.css

color: #fff;

ta

hoge.css

text-align: center;

m10

hoge.css

margin: 10px;

p10

hoge.css

padding: 10px;

[Summary]

■ Because it is basically the one to use, there are many others. ■ Implementation will be about 5 times faster, so please come

[I want to read it together]

■ ** [Method collection] rails method summary Basics added at any time ** https://qiita.com/tanaka-yu3/items/89abad875187494bec53

■ ** [Javascript] Method Summary Basic Basic Code Memo ** https://qiita.com/tanaka-yu3/items/2438798d159fa402b1d5

■ ** [Rails new] Ruby on rails application creation ** https://qiita.com/tanaka-yu3/items/3fe1ed2852c6513d3583

■ Reference emmet notation https://tracpath.com/works/development/emmet-for-web-developers/