6일차_Emmet_20210630

Emmet

: VS Code의 고유한 기능은 아님

: 간단하게 tag이름만 명시해도, 요소를 자동으로 완성해줌

: 동일하게 codepen.io 에서도 사용 가능

단축 태그들로 요소를 자동으로 완성할 수 있는 emmet

 

html 에서

div + tab : <div></div>

div.MAKZUIN + tab : <div class="MAKZUIN"></div>

img + tab : <img src="" alt="">

div>ul>li*4{$} : 

<div>

    <ul>

      <li>1</li>

      <li>2</li>

      <li>3</li>

      <li>4</li>

    </ul>

  </div>

이하생략...

 

css 에서

w:200 + tab  : width: 200px;

bc:orange + tab : background-color: orange;

이하생략...

 

더 자세한 내용은 css 선택자 할떄!