[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/

Recommended Posts

[EMMET notation] Basic, frequently used guy Emmet notation summary
Summary of frequently used Docker commands
Summary of frequently used commands in Rails and Docker
Frequently used docker-compose command
Frequently used Java generics
[Bootstrap] Basic class summary