emmet快速web前端开发

December 13, 2014

Reading time ~1 minute

特殊符号

. #[data] > + ^ () * $*

bootstrap navbar

.navbar[role=navigation]>.container>(.navbar-header>(button.navbar-toggle>span.sr-only+span.icon-bar3)+a.navbar-brand[href=#])+(.collapse#my-navbar-collapse>ul.nav>(li>a[href=#])4+.dropdown>(a>b.caret)+(ul.dropdown-menu>(li>a[href=#])*6))

<div class="navbar" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle">
				<span class="sr-only"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
            <a class="navbar-brand" href="#"></a>
		</div>
        <div class="collapse" id="my-navbar-collapse">
            <ul class="nav">
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li class="dropdown"><a href=""><b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <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>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

CSS缩写

w100

width:100px

h10p+m5e

height:10%; margit:5em;

p->%,e->em,x->ex,

@f

@font-face {
    font-family: ;
    src: url();
    position: absolute;
    psr
}

@f+

@font-face {
    font-family: 'FontName';
    src: url('FileName.eot');
    src: url('FileName.eot?#iefix') format('embedded-opentype'), url('FileName.woff') format('woff'), url('FileName.ttf') format('truetype'), url('FileName.svg#FontName') format('svg');
    font-style: normal;
    font-weight: normal;
}

db

psa

posr

ts

 display: block;
    position: absolute;
    position: relative;
    text-shadow: hoff voff blur #000;
1
2
 var javascriptTest = 'firt test';
 /`/`/` don't work for highlight