1. HTML
（1）生成默認(rèn)文檔
!
=> 生成HTML5文檔類型
html:5
=> 生成HTML5文檔類型
html:xt
=> 生成XHTML過渡文檔類型
html:4s
=> 用于HTML4嚴(yán)格文檔類型
例如：
!
=>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
（2）快速生成標(biāo)簽
div#test
=>
<div id="test"></div>
div.test
=>
<div class="test"></div>
div#test.test
=>
<div id="test" class="test"></div>
a[href=#]
=>
<a href="#"></a>
div{test}
=>
<div>test</div>
（3）嵌套標(biāo)簽
<u></u>>：子元素符號
<u></u>+：同級標(biāo)簽符號
<u></u>^：可以使該符號后的標(biāo)簽提升一行
div>span+div^p
=>
<div>
<span></span>
<div></div>
</div>
<p></p>
（4）分組
(.foo>h1)+(.bar>h2)
=>
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
（5）隱式標(biāo)簽
不寫標(biāo)簽名，會根據(jù)父標(biāo)簽自動判斷。
li：用于ul和ol中
tr：用于table哮幢、tbody、thead和tfoot中
td：用于tr中
option：用于select和optgroup中
select>.test^.test
=>
<select name="" id="">
<option class="test"></option>
</select>
<div class="test"></div>
（6）多個(gè)元素
ul>li*3
=>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
2. CSS
（1）屬性
body{
w100p+h200
}
=>
body{
width: 100%;
height: 200px;
}
單位別名列表：
p 表示%
e 表示 em
x 表示 ex
（2）自動加供應(yīng)商前綴
trf
=>
-webkit-transform: ;
-moz-transform: ;
-ms-transform: ;
-o-transform: ;
transform: ;
（3）手動加供應(yīng)商前綴
-wm-trf
=>
-webkit-transform: ;
-moz-transform: ;
transform: ;
前綴縮寫如下：
w 表示 -webkit-
m 表示 -moz-
s 表示 -ms-
o 表示 -o-
