에밋 키워드 emmet

코딩을 빠르게 해주는 에밋 키워드

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

위에 사이트에서 확인가능하다.

div#wrap>div#*3
---->
<div id="wrap">
    <div id=""></div>
    <div id=""></div>
    <div id=""></div>
</div>
 
.container
--> <div class="container"></div>
 
 
div#*4
-->
<div id=""></div>
            <div id=""></div>
            <div id=""></div>
            <div id=""></div>
 
 
 
ul>li*4>a[href="#"]{icon$}
<ul>
                            <li><a href="#">icon1</a></li>
                            <li><a href="#">icon2</a></li>
                            <li><a href="#">icon3</a></li>
                            <li><a href="#">icon4</a></li>
                        </ul>
 
 
 
 
ul>li*20>a[href="#"]{BASIC$$}
 
$$하면 01,02 이런식으로나옴
 
 
.cont>div.box.box$*6
--><div class="cont">
                        <div class="box box1">  </div>
                        <div class="box box2"></div>
                        <div class="box box3"></div>
                        <div class="box box4"></div>
                        <div class="box box5"></div>
                        <div class="box box6"></div>
                    </div>
 
 
 
 
ul>li*4>a[href="#"]>img+strong+em
<ul>
                                <li><a href="#">
                                        <img src="" alt="">
                                        <strong></strong>
                                        <em></em>
                                    </a></li>
                                <li><a href="#">
                                        <img src="" alt="">
                                        <strong></strong>
                                        <em></em>
                                    </a></li>
                                <li><a href="#">
                                        <img src="" alt="">
                                        <strong></strong>
                                        <em></em>
                                    </a></li>
                                <li><a href="#">
                                        <img src="" alt="">
                                        <strong></strong>
                                        <em></em>
                                    </a></li>
                            </ul>
 
 
 
 
link
--->
<link rel="stylesheet" href="">
 
 
img
-->
<img src="" alt="">
 
 
css 에서 
w100p
--> width: 100%;
 
h400
--> height:400px;
 
bgc#888
--> background-color: #888;
 
ul>li*2>a
-->
<ul>
                        <li><a href=""></a></li>
                        <li><a href=""></a></li>
                    </ul>
 
 
fz28
-->
font-size: 28px;
 
mt100
-->
margin-top: 100px;