Emmet
: VS Code의 고유한 기능은 아님
: 간단하게 tag이름만 명시해도, 요소를 자동으로 완성해줌
: 동일하게 codepen.io 에서도 사용 가능
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 선택자 할떄!
'개발새발 > HTML & css' 카테고리의 다른 글
8일차_글자와 상자_20210711 (0) | 2021.07.11 |
---|---|
7일차_HTML 기본 문법 개요_20210701 (0) | 2021.07.01 |
6일차_브라우저 스타일 초기화 reset.css cdn_20210630 (0) | 2021.06.30 |
6일차_Codepen.io 소개_20210630 (0) | 2021.06.30 |
5일차_개발자 도구 사용하기_20210629 (0) | 2021.06.29 |