[HTML] emmet 단축키

 

초기 셋팅 : !

div>ul>li*5

p*3>lorem5

 

선택자/ 결합자

div>.container>h1{Hello}+nav>ul>li*5>a{Link}

---

 

*  연습

ctrl + l : 한 줄 선택 

ctrl + d : 동일한 키워드 연속 선택

ctrl + alt + 화살표 : 멀티 커서

alt +  클릭 : 멀티 커서

alt + 화살표 : 선택한 라인 끌고가기

alt + shift + 화살표 : 선택한 라인 복사 

 

---

 

▷ emmet documentation cheat sheet

보면서 따라치기 

첫 페이지 정도만 봐도 좋다. 

 

https://docs.emmet.io/cheat-sheet/

Cheat Sheet