Emmet(Zen Coding)

Emmet(Zen Coding)



C.m.A Util

Emmet(Zen Coding)

Emmet(Zen Coding)

Emmet(Zen Coding) Elements
Elements Type1
Elements Type2
Elements Type3 
ul.nav>li.nav-item$*4>
Emmet 실행 : 태그 끝에서 CTRL + E 또는 탭(Tab) 키, Emmet 실행 버튼 클릭!
 
Emmet(Zen Coding)
참고 사이트
Emmet(Zen Coding)(Set of plugins for HTML and CSS hi-speed coding) : https://code.google.com/p/zen-coding
Emmet(Zen Coding) HTML 요소 :http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn
Emmet(Zen Coding) CSS 속성 : http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn
Emmet Documentation : Emmet Documentation
클래스 생성 .
div.classname
클래스 생성 >
table>tbody>.row>.col
ID 생성 #
div#idname
사용자 속성 생성 [ ]
div[title]
반복 생성 *
li*5 
  • 

  • 

  • 

  •
  • 요소를 자동 생성 시, 숫자 증가 값 표시 $
    li#item$*5 
  • 

  • 

  • 

  •
  • 요소를 자동 생성 시, 숫자 증가 값 표시 $
    li#item$$$*5 
  • 

  • 

  • 

  • 

  • 

  • 

  • 

  • 

  • 

  • 

  • 

  • 

  • 

  •
  • 멀티 생성 +
    div#haeder+div#contents+div#footer
    멀티 생성 +
    h1+h2+p+btn
    자식을 포함 하는 태그 있을 경우 자동 생성 +
    table+
    자식을 포함 하는 태그 있을 경우 자동 생성 +
    ul+ 
      
        
    •
    자식을 포함 하는 태그 있을 경우 자동 생성 +
    dl+
    자식을 포함 하는 태그 있을 경우 자동 생성 +
    table[name="pepe"]>thead>tr>th*3^^+tbody>tr*7>td{Basico}*3 
    
	
		
    
			
			
			
		
    
	    
	
		
    
			Basico
			Basico
			Basico
		
    
		
    
			Basico
			Basico
			Basico
		
    
		
    
			Basico
			Basico
			Basico
		
    
		
    
			Basico
			Basico
			Basico
		
    
		
    
			Basico
			Basico
			Basico
		
    
		
    
			Basico
			Basico
			Basico
		
    
		
    
			Basico
			Basico
			Basico
    자식 생성 >
    div#header>ul>li
    그룹(무한 중첩) ( )
    div#header>ul>li
    그룹(무한 중첩) ( )
    (table>tr>td)*2
    그룹(무한 중첩) ( )
    div>(header>ul>li*2>a)+footer>p 
    
    
    
        
      
            
      • 
            
      •
    Climb-up ^
    table>tr>td^^ul>li 
    
    
    
        
    
    

    

      
    
    •
    Climb-up ^
    div>h1^div>(table>(tr>td*3)*2)+ul>li*4 
    
	
    

    

    
	
    
		
    
			
			
			
		
    
		
    
			
			
			
		
    
	
    
	
      
		
    • 
		
    • 
		
    • 
		
    •
    기타 Element를 지정 하지 않는 경우는 div를 생성한다.
    #header.wrap
    • 회사 :
    • 대표 :
    • 주소 :
    • 메일 : admin@mysample.com
    • 사업자 등록번호 :
    Copyright © cginjs.com All rights reserved.
    notice