3초기억력

Zen-Coding 사용법 - 에디트플러스 내에서 본문

플밍_기타

Zen-Coding 사용법 - 에디트플러스 내에서

잠수콩 2013. 11. 12. 10:14



제목 :  Zen-Coding 사용법 - 에디트플러스 내에서


사용법 : Ctrl+E 하면 해당 라인의 명령줄이 실행됨.


에디트플러스의 상단메뉴에서 ZC 클릭 > 활성화


내용 :

 script  --> ctrl + E 실행
 <script type="text/javascript"></script>
 link  --> ctrl + E 실행
 <link rel="stylesheet" href="" />
 </head>

 <body>

div.item$-$-content*6  --> ctrl + E 실행
<div class="item1-1-content"></div>
<div class="item2-2-content"></div>
<div class="item3-3-content"></div>
<div class="item4-4-content"></div>
<div class="item5-5-content"></div>
<div class="item6-6-content"></div>

div#page>div.logo+ul#navigation>li*5>a  --> ctrl + E 실행
<div id="page">
 <div class="logo"></div>
 <ul id="navigation">
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
 </ul>
</div>

div#button>a  --> ctrl + E 실행
<div id="button"><a href=""></a></div>

div#footer  --> ctrl + E 실행
<div id="footer"></div>



예제 소스 파일 :



Comments