Emmet代码编写插件速查表

发表于 | 分类于

在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了 Emmet(前身是Zen Coding)，它可以极大的提高代码编写的效率，它提供了一种非常简练的语法规则，然后立刻生成对应的 HTML 结构或者 CSS 代码，同时还有多种实用的功能帮助进行前端开发。本文主要是Emmet插件速查表，方便查阅记忆。

Syntax

1
2
3
4
5
<nav>
    <ul>
        <li>li>
    ul>
nav>
div+p+bq
1
2
3
<div>div>
<p>p>
<blockquote>blockquote>
div+div>p>span+em^^bq
1
2
3
4
5
<div>div>
<div>
    <p><span>span><em>em>p>
div>
<blockquote>blockquote>
1
2
3
4
5
6
7
8
9
10
11
<div>
    <header>
        <ul>
            <li><a href="">a>li>
            <li><a href="">a>li>
        ul>
    header>
    <footer>
        <p>p>
    footer>
div>
1
2
3
4
5
6
7
8
9
10
11
12
13
<div>
    <dl>
        <dt>dt>
        <dd>dd>
        <dt>dt>
        <dd>dd>
        <dt>dt>
        <dd>dd>
    dl>
div>
<footer>
    <p>p>
footer>
ul>li*5
1
2
3
4
5
6
7
<ul>
    <li>li>
    <li>li>
    <li>li>
    <li>li>
    <li>li>
ul>
ul>li.item$*5
1
2
3
4
5
6
7
<ul>
    <li class="item1">li>
    <li class="item2">li>
    <li class="item3">li>
    <li class="item4">li>
    <li class="item5">li>
ul>
h$[title=item$]{Header $}*3
1
2
3
<h1 title="item1">Header 1h1>
<h2 title="item2">Header 2h2>
<h3 title="item3">Header 3h3>
ul>li.item$$$*5
1
2
3
4
5
6
7
<ul>
    <li class="item001">li>
    <li class="item002">li>
    <li class="item003">li>
    <li class="item004">li>
    <li class="item005">li>
ul>
ul>li.item$@-*5
1
2
3
4
5
6
7
<ul>
    <li class="item5">li>
    <li class="item4">li>
    <li class="item3">li>
    <li class="item2">li>
    <li class="item1">li>
ul>
ul>li.item$@3*5
1
2
3
4
5
6
7
<ul>
    <li class="item3">li>
    <li class="item4">li>
    <li class="item5">li>
    <li class="item6">li>
    <li class="item7">li>
ul>
1
<div id="header">div>
.title
1
<div class="title">div>
form#search.wide
1
<form id="search" class="wide">form>
p.class1.class2.class3
1
<p class="class1 class2 class3">p>
p[title="Hello world"]
1
<p title="Hello world">p>
td[rowspan=2 colspan=3 title]
1
<td rowspan="2" colspan="3" title="">td>
[a='value1' b="value2"]
1
<div a="value1" b="value2">div>
a{Click me}
1
<a href="">Click mea>
p>{Click }+a{here}+{ to continue}
1
<p>Click <a href="">herea> to continuep>
table>.row>.col
1
2
3
4
5
<table>
    <tr class="row">
        <td class="col">td>
    tr>
table>

HTML

!
1
2
3
4
5
6
7
8
9
10

<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
a
1
<a href="">a>
1
<a href="http://">a>
a:mail
1
<a href="mailto:">a>
abbr
1
<abbr title="">abbr>

link

1
<link rel="stylesheet" href="" />
1
<link rel="stylesheet" href="style.css" />
1
<link rel="stylesheet" href="print.css" media="print" />
1
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
1
<link rel="apple-touch-icon" href="favicon.png" />
1
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" />
1
<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />
1
<link rel="import" href="component.html" />

meta

meta
1
<meta />
meta:utf
1
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
meta:win
1
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
meta:vp
1
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
meta:compat
1
<meta http-equiv="X-UA-Compatible" content="IE=7" />

doc

html:xml
1
<html xmlns="http://www.w3.org/1999/xhtml">html>
doc
1
2
3
4
5
6
7
8
9
<html>
<head>
    <meta charset="UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
doc4
1
2
3
4
5
6
7
8
9
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
html:4t
1
2
3
4
5
6
7
8
9
10

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
html:4s
1
2
3
4
5
6
7
8
9
10

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
html:xt
1
2
3
4
5
6
7
8
9
10

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
html:xs
1
2
3
4
5
6
7
8
9
10

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
html:xxs
1
2
3
4
5
6
7
8
9
10

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>
html:5
1
2
3
4
5
6
7
8
9
10

<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Documenttitle>
head>
<body>
    
body>
html>

DOCTYPE

!!!
1

!!!4t
1

!!!4s
1

!!!xt
1

!!!xs
1

!!!xxs
1

cc

c
1

cc:ie6
1
2
3

cc:ie
1
2
3

cc:noie
1
2
3

CSS

Visual Formatting

pos
1
position:relative;
pos:s
1
position:static;
pos:a
1
position:absolute;
pos:r
1
position:relative;
pos:f
1
position:fixed;
t
1
top:;
t:a
1
top:auto;
r
1
right:;
r:a
1
right:auto;
b
1
bottom:;
b:a
1
bottom:auto;
l
1
left:;
l:a
1
left:auto;
z
1
z-index:;
z:a
1
z-index:auto;
fl
1
float:left;
fl:n
1
float:none;
fl:l
1
float:left;
fl:r
1
float:right;
cl
1
clear:both;
cl:n
1
clear:none;
cl:l
1
clear:left;
cl:r
1
clear:right;
cl:b
1
clear:both;
d
1
display:block;
d:n
1
display:none;
d:b
1
display:block;
d:f
1
display:flex;
d:if
1
display:inline-flex;
d:i
1
display:inline;
d:ib
1
display:inline-block;
d:li
1
display:list-item;
d:ri
1
display:run-in;
d:cp
1
display:compact;
d:tb
1
display:table;
d:itb
1
display:inline-table;
d:tbcp
1
display:table-caption;
d:tbcl
1
display:table-column;
d:tbclg
1
display:table-column-group;
d:tbhg
1
display:table-header-group;
d:tbfg
1
display:table-footer-group;
d:tbr
1
display:table-row;
d:tbrg
1
display:table-row-group;
d:tbc
1
display:table-cell;
d:rb
1
display:ruby;
d:rbb
1
display:ruby-base;
d:rbbg
1
display:ruby-base-group;
d:rbt
1
display:ruby-text;
d:rbtg
1
display:ruby-text-group;
v
1
visibility:hidden;
v:v
1
visibility:visible;
v:h
1
visibility:hidden;
v:c
1
visibility:collapse;
ov
1
overflow:hidden;
ov:v
1
overflow:visible;
ov:h
1
overflow:hidden;
ov:s
1
overflow:scroll;
ov:a
1
overflow:auto;
ovx
1
overflow-x:hidden;
ovx:v
1
overflow-x:visible;
ovx:h
1
overflow-x:hidden;
ovx:s
1
overflow-x:scroll;
ovx:a
1
overflow-x:auto;
ovy
1
overflow-y:hidden;
ovy:v
1
overflow-y:visible;
ovy:h
1
overflow-y:hidden;
ovy:s
1
overflow-y:scroll;
ovy:a
1
overflow-y:auto;
ovs
1
overflow-style:scrollbar;
ovs:a
1
overflow-style:auto;
ovs:s
1
overflow-style:scrollbar;
ovs:p
1
overflow-style:panner;
ovs:m
1
overflow-style:move;
ovs:mq
1
overflow-style:marquee;
zoo, zm
1
zoom:1;
cp
1
clip:;
cp:a
1
clip:auto;
cp:r
1
clip:rect(top right bottom left);
rsz
1
resize:;
rsz:n
1
resize:none;
rsz:b
1
resize:both;
rsz:h
1
resize:horizontal;
rsz:v
1
resize:vertical;
cur
1
cursor:${pointer};
cur:a
1
cursor:auto;
cur:d
1
cursor:default;
cur:c
1
cursor:crosshair;
cur:ha
1
cursor:hand;
cur:he
1
cursor:help;
cur:m
1
cursor:move;
cur:p
1
cursor:pointer;
cur:t
1
cursor:text;

Margin & Padding

m
1
margin:;
m:a
1
margin:auto;
mt
1
margin-top:;
mt:a
1
margin-top:auto;
mr
1
margin-right:;
mr:a
1
margin-right:auto;
mb
1
margin-bottom:;
mb:a
1
margin-bottom:auto;
ml
1
margin-left:;
ml:a
1
margin-left:auto;
p
1
padding:;
pt
1
padding-top:;
pr
1
padding-right:;
pb
1
padding-bottom:;
pl
1
padding-left:;

Box Sizing

bxz
1
box-sizing:border-box;
bxz:cb
1
box-sizing:content-box;
bxz:bb
1
box-sizing:border-box;
bxsh
1
box-shadow:inset hoff voff blur color;
bxsh:r
1
box-shadow:inset hoff voff blur spread rgb(0, 0, 0);
bxsh:ra
1
box-shadow:inset h v blur spread rgba(0, 0, 0, .5);
bxsh:n
1
box-shadow:none;
w
1
width:;
w:a
1
width:auto;
h
1
height:;
h:a
1
height:auto;
maw
1
max-width:;
maw:n
1
max-width:none;
mah
1
max-height:;
mah:n
1
max-height:none;
miw
1
min-width:;
mih
1
min-height:;

Font

f
1
font:;
f+
1
font:1em Arial,sans-serif;
fw
1
font-weight:;
fw:n
1
font-weight:normal;
fw:b
1
font-weight:bold;
fw:br
1
font-weight:bolder;
fw:lr
1
font-weight:lighter;
fs
1
font-style:${italic};
fs:n
1
font-style:normal;
fs:i
1
font-style:italic;
fs:o
1
font-style:oblique;
fv
1
font-variant:;
fv:n
1
font-variant:normal;
fv:sc
1
font-variant:small-caps;
fz
1
font-size:;
fza
1
font-size-adjust:;
fza:n
1
font-size-adjust:none;
ff
1
font-family:;
ff:s
1
font-family:serif;
ff:ss
1
font-family:sans-serif;
ff:c
1
font-family:cursive;
ff:f
1
font-family:fantasy;
ff:m
1
font-family:monospace;
ff:a
1
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
ff:t
1
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
ff:v
1
font-family: Verdana, Geneva, sans-serif;
fef
1
font-effect:;
fef:n
1
font-effect:none;
fef:eg
1
font-effect:engrave;
fef:eb
1
font-effect:emboss;
fef:o
1
font-effect:outline;
fem
1
font-emphasize:;
femp
1
font-emphasize-position:;
femp:b
1
font-emphasize-position:before;
femp:a
1
font-emphasize-position:after;
fems
1
font-emphasize-style:;
fems:n
1
font-emphasize-style:none;
fems:ac
1
font-emphasize-style:accent;
fems:dt
1
font-emphasize-style:dot;
fems:c
1
font-emphasize-style:circle;
fems:ds
1
font-emphasize-style:disc;
fsm
1
font-smooth:;
fsm:a
1
font-smooth:auto;
fsm:n
1
font-smooth:never;
fsm:aw
1
font-smooth:always;
fst
1
font-stretch:;
fst:n
1
font-stretch:normal;
fst:uc
1
font-stretch:ultra-condensed;
fst:ec
1
font-stretch:extra-condensed;
fst:c
1
font-stretch:condensed;
fst:sc
1
font-stretch:semi-condensed;
fst:se
1
font-stretch:semi-expanded;
fst:e
1
font-stretch:expanded;
fst:ee
1
font-stretch:extra-expanded;
fst:ue
1
font-stretch:ultra-expanded;

Text

va
1
vertical-align:top;
va:sup
1
vertical-align:super;
va:t
1
vertical-align:top;
va:tt
1
vertical-align:text-top;
va:m
1
vertical-align:middle;
va:bl
1
vertical-align:baseline;
va:b
1
vertical-align:bottom;
va:tb
1
vertical-align:text-bottom;
va:sub
1
vertical-align:sub;
ta
1
text-align:left;
ta:l
1
text-align:left;
ta:c
1
text-align:center;
ta:r
1
text-align:right;
ta:j
1
text-align:justify;
ta-lst
1
text-align-last:;
tal:a
1
text-align-last:auto;
tal:l
1
text-align-last:left;
tal:c
1
text-align-last:center;
tal:r
1
text-align-last:right;
td
1
text-decoration:none;
td:n
1
text-decoration:none;
td:u
1
text-decoration:underline;
td:o
1
text-decoration:overline;
td:l
1
text-decoration:line-through;
te
1
text-emphasis:;
te:n
1
text-emphasis:none;
te:ac
1
text-emphasis:accent;
te:dt
1
text-emphasis:dot;
te:c
1
text-emphasis:circle;
te:ds
1
text-emphasis:disc;
te:b
1
text-emphasis:before;
te:a
1
text-emphasis:after;
th
1
text-height:;
th:a
1
text-height:auto;
th:f
1
text-height:font-size;
th:t
1
text-height:text-size;
th:m
1
text-height:max-size;
ti
1
text-indent:;
ti:-
1
text-indent:-9999px;
tj
1
text-justify:;
tj:a
1
text-justify:auto;
tj:iw
1
text-justify:inter-word;
tj:ii
1
text-justify:inter-ideograph;
tj:ic
1
text-justify:inter-cluster;
tj:d
1
text-justify:distribute;
tj:k
1
text-justify:kashida;
tj:t
1
text-justify:tibetan;
to
1
text-outline:;
to+
1
text-outline:0 0 #000;
to:n
1
text-outline:none;
tr
1
text-replace:;
tr:n
1
text-replace:none;
tt
1
text-transform:uppercase;
tt:n
1
text-transform:none;
tt:c
1
text-transform:capitalize;
tt:u
1
text-transform:uppercase;
tt:l
1
text-transform:lowercase;
tw
1
text-wrap:;
tw:n
1
text-wrap:normal;
tw:no
1
text-wrap:none;
tw:u
1
text-wrap:unrestricted;
tw:s
1
text-wrap:suppress;
tsh
1
text-shadow:hoff voff blur #000;
tsh:r
1
text-shadow:h v blur rgb(0, 0, 0);
tsh:ra
1
text-shadow:h v blur rgba(0, 0, 0, .5);
tsh+
1
text-shadow:0 0 0 #000;
tsh:n
1
text-shadow:none;
lh
1
line-height:;
lts
1
letter-spacing:;
lts-n
1
letter-spacing:normal;
whs
1
white-space:;
whs:n
1
white-space:normal;
whs:p
1
white-space:pre;
whs:nw
1
white-space:nowrap;
whs:pw
1
white-space:pre-wrap;
whs:pl
1
white-space:pre-line;
whsc
1
white-space-collapse:;
whsc:n
1
white-space-collapse:normal;
whsc:k
1
white-space-collapse:keep-all;
whsc:l
1
white-space-collapse:loose;
whsc:bs
1
white-space-collapse:break-strict;
whsc:ba
1
white-space-collapse:break-all;
wob
1
word-break:;
wob:n
1
word-break:normal;
wob:k
1
word-break:keep-all;
wob:ba
1
word-break:break-all;
wos
1
word-spacing:;
wow
1
word-wrap:;
wow:nm
1
word-wrap:normal;
wow:n
1
word-wrap:none;
wow:u
1
word-wrap:unrestricted;
wow:s
1
word-wrap:suppress;
wow:b
1
word-wrap:break-word;

Background

bg
1
background:#000;
bg+
1
background:#fff url() 0 0 no-repeat;
bg:n
1
background:none;
bgc
1
background-color:#fff;
bgc:t
1
background-color:transparent;
bgi
1
background-image:url();
bgi:n
1
background-image:none;
bgr
1
background-repeat:;
bgr:n
1
background-repeat:no-repeat;
bgr:x
1
background-repeat:repeat-x;
bgr:y
1
background-repeat:repeat-y;
bgr:sp
1
background-repeat:space;
bgr:rd
1
background-repeat:round;
bga
1
background-attachment:;
bga:f
1
background-attachment:fixed;
bga:s
1
background-attachment:scroll;
bgp
1
background-position:0 0;
bgpx
1
background-position-x:;
bgpy
1
background-position-y:;
bgbk
1
background-break:;
bgbk:bb
1
background-break:bounding-box;
bgbk:eb
1
background-break:each-box;
bgbk:c
1
background-break:continuous;
bgcp
1
background-clip:padding-box;
bgcp:bb
1
background-clip:border-box;
bgcp:pb
1
background-clip:padding-box;
bgcp:cb
1
background-clip:content-box;
bgcp:nc
1
background-clip:no-clip;
bgo
1
background-origin:;
bgo:pb
1
background-origin:padding-box;
bgo:bb
1
background-origin:border-box;
bgo:cb
1
background-origin:content-box;
bgsz
1
background-size:;
bgsz:a
1
background-size:auto;
bgsz:ct
1
background-size:contain;
bgsz:cv
1
background-size:cover;

Color

c
1
color:#000;
c:r
1
color:rgb(0, 0, 0);
c:ra
1
color:rgba(0, 0, 0, .5);
op
1
opacity:;

Generated content

cnt
1
content:'';
cnt:n, ct:n
1
content:normal;
cnt:oq, ct:oq
1
content:open-quote;
cnt:noq, ct:noq
1
content:no-open-quote;
cnt:cq, ct:cq
1
content:close-quote;
cnt:ncq, ct:ncq
1
content:no-close-quote;
cnt:a, ct:a
1
content:attr();
cnt:c, ct:c
1
content:counter();
cnt:cs, ct:cs
1
content:counters();
ct
1
content:;
q
1
quotes:;
q:n
1
quotes:none;
q:ru
1
quotes:'\00AB' '\00BB' '\201E' '\201C';
q:en
1
quotes:'\201C' '\201D' '\2018' '\2019';
coi
1
counter-increment:;
cor
1
counter-reset:;

Outline

ol
1
outline:;
ol:n
1
outline:none;
olo
1
outline-offset:;
olw
1
outline-width:;
olw:tn
1
outline-width:thin;
olw:m
1
outline-width:medium;
olw:tc
1
outline-width:thick;
ols
1
outline-style:;
ols:n
1
outline-style:none;
ols:dt
1
outline-style:dotted;
ols:ds
1
outline-style:dashed;
ols:s
1
outline-style:solid;
ols:db
1
outline-style:double;
ols:g
1
outline-style:groove;
ols:r
1
outline-style:ridge;
ols:i
1
outline-style:inset;
ols:o
1
outline-style:outset;
olc
1
outline-color:#000;
olc:i
1
outline-color:invert;

Tables

tbl
1
table-layout:;
tbl:a
1
table-layout:auto;
tbl:f
1
table-layout:fixed;
cps
1
caption-side:;
cps:t
1
caption-side:top;
cps:b
1
caption-side:bottom;
ec
1
empty-cells:;
ec:s
1
empty-cells:show;
ec:h
1
empty-cells:hide;

Border

bd
1
border:;
bd+
1
border:1px solid #000;
bd:n
1
border:none;
bdbk
1
border-break:close;
bdbk:c
1
border-break:close;
bdcl
1
border-collapse:;
bdcl:c
1
border-collapse:collapse;
bdcl:s
1
border-collapse:separate;
bdc
1
border-color:#000;
bdc:t
1
border-color:transparent;
bdi
1
border-image:url();
bdi:n
1
border-image:none;
bdti
1
border-top-image:url();
bdti:n
1
border-top-image:none;
bdri
1
border-right-image:url();
bdri:n
1
border-right-image:none;
bdbi
1
border-bottom-image:url();
bdbi:n
1
border-bottom-image:none;
bdli
1
border-left-image:url();
bdli:n
1
border-left-image:none;
bdci
1
border-corner-image:url();
bdci:n
1
border-corner-image:none;
bdci:c
1
border-corner-image:continue;
bdtli
1
border-top-left-image:url();
bdtli:n
1
border-top-left-image:none;
bdtli:c
1
border-top-left-image:continue;
bdtri
1
border-top-right-image:url();
bdtri:n
1
border-top-right-image:none;
bdtri:c
1
border-top-right-image:continue;
bdbri
1
border-bottom-right-image:url();
bdbri:n
1
border-bottom-right-image:none;
bdbri:c
1
border-bottom-right-image:continue;
bdbli
1
border-bottom-left-image:url();
bdbli:n
1
border-bottom-left-image:none;
bdbli:c
1
border-bottom-left-image:continue;
bdf
1
border-fit:repeat;
bdf:c
1
border-fit:clip;
bdf:r
1
border-fit:repeat;
bdf:sc
1
border-fit:scale;
bdf:st
1
border-fit:stretch;
bdf:ow
1
border-fit:overwrite;
bdf:of
1
border-fit:overflow;
bdf:sp
1
border-fit:space;
bdlen
1
border-length:;
bdlen:a
1
border-length:auto;
bdsp
1
border-spacing:;
bds
1
border-style:;
bds:n
1
border-style:none;
bds:h
1
border-style:hidden;
bds:dt
1
border-style:dotted;
bds:ds
1
border-style:dashed;
bds:s
1
border-style:solid;
bds:db
1
border-style:double;
bds:dtds
1
border-style:dot-dash;
bds:dtdtds
1
border-style:dot-dot-dash;
bds:w
1
border-style:wave;
bds:g
1
border-style:groove;
bds:r
1
border-style:ridge;
bds:i
1
border-style:inset;
bds:o
1
border-style:outset;
bdw
1
border-width:;
bdt, bt
1
border-top:;
bdt+
1
border-top:1px solid #000;
bdt:n
1
border-top:none;
bdtw
1
border-top-width:;
bdts
1
border-top-style:;
bdts:n
1
border-top-style:none;
bdtc
1
border-top-color:#000;
bdtc:t
1
border-top-color:transparent;
bdr, br
1
border-right:;
bdr+
1
border-right:1px solid #000;
bdr:n
1
border-right:none;
bdrw
1
border-right-width:;
bdrst
1
border-right-style:;
bdrst:n
1
border-right-style:none;
bdrc
1
border-right-color:#000;
bdrc:t
1
border-right-color:transparent;
bdb, bb
1
border-bottom:;
bdb+
1
border-bottom:1px solid #000;
bdb:n
1
border-bottom:none;
bdbw
1
border-bottom-width:;
bdbs
1
border-bottom-style:;
bdbs:n
1
border-bottom-style:none;
bdbc
1
border-bottom-color:#000;
bdbc:t
1
border-bottom-color:transparent;
bdl, bl
1
border-left:;
bdl+
1
border-left:1px solid #000;
bdl:n
1
border-left:none;
bdlw
1
border-left-width:;
bdls
1
border-left-style:;
bdls:n
1
border-left-style:none;
bdlc
1
border-left-color:#000;
bdlc:t
1
border-left-color:transparent;
bdrs
1
border-radius:;
bdtrrs
1
border-top-right-radius:;
bdtlrs
1
border-top-left-radius:;
bdbrrs
1
border-bottom-right-radius:;
bdblrs
1
border-bottom-left-radius:;

Lists

lis
1
list-style:;
lis:n
1
list-style:none;
lisp
1
list-style-position:;
lisp:i
1
list-style-position:inside;
lisp:o
1
list-style-position:outside;
list
1
list-style-type:;
list:n
1
list-style-type:none;
list:d
1
list-style-type:disc;
list:c
1
list-style-type:circle;
list:s
1
list-style-type:square;
list:dc
1
list-style-type:decimal;
list:dclz
1
list-style-type:decimal-leading-zero;
list:lr
1
list-style-type:lower-roman;
list:ur
1
list-style-type:upper-roman;
lisi
1
list-style-image:;
lisi:n
1
list-style-image:none;

Print

pgbb
1
page-break-before:;
pgbb:au
1
page-break-before:auto;
pgbb:al
1
page-break-before:always;
pgbb:l
1
page-break-before:left;
pgbb:r
1
page-break-before:right;
pgbi
1
page-break-inside:;
pgbi:au
1
page-break-inside:auto;
pgbi:av
1
page-break-inside:avoid;
pgba
1
page-break-after:;
pgba:au
1
page-break-after:auto;
pgba:al
1
page-break-after:always;
pgba:l
1
page-break-after:left;
pgba:r
1
page-break-after:right;
orp
1
orphans:;
wid
1
widows:;

Others

!
1
!important
@f
1
2
3
4
@font-face {
    font-family:;
    src:url(|);
}
@f+
1
2
3
4
5
6
7
8
9
10
@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;
}
@i, @import
1
@import url();
@kf
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@-webkit-keyframes identifier {
    from {  }
    to {  }
}
@-o-keyframes identifier {
    from {  }
    to {  }
}
@-moz-keyframes identifier {
    from {  }
    to {  }
}
@keyframes identifier {
    from {  }
    to {  }
}
@m, @media
1
2
3
4
5
6
7
@media screen {
    
}
```
##### `ac`
````css
align-content:;
ac:c
1
align-content:center;
ac:fe
1
align-content:flex-end;
ac:fs
1
align-content:flex-start;
ac:s
1
align-content:stretch;
ac:sa
1
align-content:space-around;
ac:sb
1
align-content:space-between;
ai
1
align-items:;
ai:b
1
align-items:baseline;
ai:c
1
align-items:center;
ai:fe
1
align-items:flex-end;
ai:fs
1
align-items:flex-start;
ai:s
1
align-items:stretch;
anim
1
animation:;
anim-
1
animation:name duration timing-function delay iteration-count direction fill-mode;
animdel
1
animation-delay:time;
animdir
1
animation-direction:normal;
animdir:a
1
animation-direction:alternate;
animdir:ar
1
animation-direction:alternate-reverse;
animdir:n
1
animation-direction:normal;
animdir:r
1
animation-direction:reverse;
animdur
1
animation-duration:0s;
animfm
1
animation-fill-mode:both;
animfm:b
1
animation-fill-mode:backwards;
animfm:bt, animfm:bh
1
animation-fill-mode:both;
animfm:f
1
animation-fill-mode:forwards;
animic
1
animation-iteration-count:1;
animic:i
1
animation-iteration-count:infinite;
animn
1
animation-name:none;
animps
1
animation-play-state:running;
animps:p
1
animation-play-state:paused;
animps:r
1
animation-play-state:running;
animtf
1
animation-timing-function:linear;
animtf:cb
1
animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);
animtf:e
1
animation-timing-function:ease;
animtf:ei
1
animation-timing-function:ease-in;
animtf:eio
1
animation-timing-function:ease-in-out;
animtf:eo
1
animation-timing-function:ease-out;
animtf:l
1
animation-timing-function:linear;
ap
1
appearance:${none};
as
1
align-self:;
as:a
1
align-self:auto;
as:b
1
align-self:baseline;
as:c
1
align-self:center;
as:fe
1
align-self:flex-end;
as:fs
1
align-self:flex-start;
as:s
1
align-self:stretch;
bfv
1
backface-visibility:;
bfv:h
1
backface-visibility:hidden;
bfv:v
1
backface-visibility:visible;
bg:ie
1
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop');
cm
1
/* ${child} */
colm
1
columns:;
colmc
1
column-count:;
colmf
1
column-fill:;
colmg
1
column-gap:;
colmr
1
column-rule:;
colmrc
1
column-rule-color:;
colmrs
1
column-rule-style:;
colmrw
1
column-rule-width:;
colms
1
column-span:;
colmw
1
column-width:;
d:ib+
1
##### `display: inline-block;`
1
##### `*display: inline;`
1
*zoom: 1;
fx
1
flex:;
fxb
1
flex-basis:;
fxd
1
flex-direction:;
fxd:c
1
flex-direction:column;
fxd:cr
1
flex-direction:column-reverse;
fxd:r
1
flex-direction:row;
fxd:rr
1
flex-direction:row-reverse;
fxf
1
flex-flow:;
fxg
1
flex-grow:;
fxsh
1
flex-shrink:;
fxw
1
flex-wrap: ;
fxw:n
1
flex-wrap:nowrap;
fxw:w
1
flex-wrap:wrap;
fxw:wr
1
flex-wrap:wrap-reverse;
jc
1
justify-content:;
jc:c
1
justify-content:center;
jc:fe
1
justify-content:flex-end;
jc:fs
1
justify-content:flex-start;
jc:sa
1
justify-content:space-around;
jc:sb
1
justify-content:space-between;
mar
1
max-resolution:res;
mir
1
min-resolution:res;
op+
1
##### `opacity: ;`
1
filter: alpha(opacity=);
op:ie
1
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
op:ms
1
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
ord
1
order:;
ori
1
orientation:;
ori:l
1
orientation:landscape;
ori:p
1
orientation:portrait;
tov
1
text-overflow:${ellipsis};
tov:c
1
text-overflow:clip;
tov:e
1
text-overflow:ellipsis;
trf
1
transform:;
trf:r
1
transform: rotate(angle);
trf:rx
1
transform: rotateX(angle);
trf:ry
1
transform: rotateY(angle);
trf:rz
1
transform: rotateZ(angle);
trf:sc
1
transform: scale(x, y);
trf:sc3
1
transform: scale3d(x, y, z);
trf:scx
1
transform: scaleX(x);
trf:scy
1
transform: scaleY(y);
trf:scz
1
transform: scaleZ(z);
trf:skx
1
transform: skewX(angle);
trf:sky
1
transform: skewY(angle);
trf:t
1
transform: translate(x, y);
trf:t3
1
transform: translate3d(tx, ty, tz);
trf:tx
1
transform: translateX(x);
trf:ty
1
transform: translateY(y);
trf:tz
1
transform: translateZ(z);
trfo
1
transform-origin:;
trfs
1
transform-style:preserve-3d;
trs
1
transition:prop time;
trsde
1
transition-delay:time;
trsdu
1
transition-duration:time;
trsp
1
transition-property:prop;
trstf
1
transition-timing-function:tfunc;
us
1
user-select:${none};
wfsm
1
-webkit-font-smoothing:${antialiased};
wfsm:a
1
-webkit-font-smoothing:antialiased;
wfsm:n
1
-webkit-font-smoothing:none;
wfsm:s, wfsm:sa
1
-webkit-font-smoothing:subpixel-antialiased;
wm
1
writing-mode:lr-tb;
wm:btl
1
writing-mode:bt-lr;
wm:btr
1
writing-mode:bt-rl;
wm:lrb
1
writing-mode:lr-bt;
wm:lrt
1
writing-mode:lr-tb;
wm:rlb
1
writing-mode:rl-bt;
wm:rlt
1
writing-mode:rl-tb;
wm:tbl
1
writing-mode:tb-lr;
wm:tbr
1
writing-mode:tb-rl;

XSL

tmatch, tm
1
<xsl:template match="" mode="">xsl:template>
tname, tn
1
<xsl:template name="">xsl:template>
call
1
<xsl:call-template name="" />
ap
1
<xsl:apply-templates select="" mode="" />
api
1
<xsl:apply-imports />
imp
1
<xsl:import href="" />
inc
1
<xsl:include href="" />
ch
1
<xsl:choose>xsl:choose>
xsl:when, wh
1
<xsl:when test="">xsl:when>
ot
1
<xsl:otherwise>xsl:otherwise>
if
1
<xsl:if test="">xsl:if>
par
1
<xsl:param name="">xsl:param>
pare
1
<xsl:param name="" select="" />
var
1
<xsl:variable name="">xsl:variable>
vare
1
<xsl:variable name="" select="" />
wp
1
<xsl:with-param name="" select="" />
key
1
<xsl:key name="" match="" use="" />
elem
1
<xsl:element name="">xsl:element>
attr
1
<xsl:attribute name="">xsl:attribute>
attrs
1
<xsl:attribute-set name="">xsl:attribute-set>
cp
1
<xsl:copy select="" />
co
1
<xsl:copy-of select="" />
val
1
<xsl:value-of select="" />
each, for
1
<xsl:for-each select="">xsl:for-each>
tex
1
<xsl:text>xsl:text>
com
1
<xsl:comment>xsl:comment>
msg
1
<xsl:message terminate="no">xsl:message>
fall
1
<xsl:fallback>xsl:fallback>
num
1
<xsl:number value="" />
nam
1
<namespace-alias stylesheet-prefix="" result-prefix="" />
pres
1
<xsl:preserve-space elements="" />
strip
1
<xsl:strip-space elements="" />
proc
1
<xsl:processing-instruction name="">xsl:processing-instruction>
sort
1
<xsl:sort select="" order="" />
choose+
1
2
3
4
<xsl:choose>
    <xsl:when test="">xsl:when>
    <xsl:otherwise>xsl:otherwise>
xsl:choose>
xsl
1
2

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">xsl:stylesheet>
!!!
1