CSS Emmet语法

一、Emmet语法

提高HTML/CSS的编写速度

<!-- 
div{$}*5 					-->
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>

<!-- .demo$*5 -->
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>
    <div class="demo4"></div>
    <div class="demo5"></div>

<!-- 生成的标签里默认显示几个文字  
div{文字}						-->
    <div>pink老师不是gay</div>     
    <div>我不喜欢男人</div>
    <div>我不喜欢男人</div>
    <div>我不喜欢男人</div>
    <div>我不喜欢男人</div>
    <div>我不喜欢男人</div> 

父子级关系 ul>li
    <ul>
        <li></li>
    </ul>

兄弟级div+p
	<div></div>
	<p></p>

二、元素显示模式