[Java] [EMMET notation] Basically used guys Emmet notation summary

less than 1 minute read

##【merit】 ■ Coding will be faster. ■ Less 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 the one that is basically used, there are many others. ■It will be about 5 times faster than mounting.

[I want to read it together]

■ ** [Collection of methods] Rails method summary Basic additions 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/