zoukankan      html  css  js  c++  java
  • Emmet Documentation

    Emmet Documentation

    Syntax

     

    Child: >

    nav>ul>li
    <nav> <ul> <li></li> </ul> </nav>

    Sibling: +

    div+p+bq
    <div></div> <p></p> <blockquote></blockquote>

    Climb-up: ^

    div+div>p>span+em^bq
    <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>
    div+div>p>span+em^^bq
    <div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>

    Grouping: ()

    div>(header>ul>li*2>a)+footer>p
    <div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer> </div>
    (div>dl>(dt+dd)*3)+footer>p
    <div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer>

    Multiplication: *

    ul>li*5
    <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>

    Item numbering: $

    ul>li.item$*5
    <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
    <h1 title="item1">Header 1</h1> <h2 title="item2">Header 2</h2> <h3 title="item3">Header 3</h3>
    ul>li.item$$$*5
    <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
    <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
    <ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>

    ID and CLASS attributes

    #header
    <div id="header"></div>
    .title
    <div class="title"></div>
    form#search.wide
    <form id="search" class="wide"></form>
    p.class1.class2.class3
    <p class="class1 class2 class3"></p>

    Custom attributes

    p[title="Hello world"]
    <p title="Hello world"></p>
    td[rowspan=2 colspan=3 title]
    <td rowspan="2" colspan="3" title=""></td>
    [a='value1' b="value2"]
    <div a="value1" b="value2"></div>

    Text: {}

    a{Click me}
    <a href="">Click me</a>
    p>{Click }+a{here}+{ to continue}
    <p>Click <a href="">here</a> to continue</p>

    Implicit tag names

    .class
    <div class="class"></div>
    em>.class
    <em><span class="class"></span></em>
    ul>.class
    <ul> <li class="class"></li> </ul>
    table>.row>.col
    <table> <tr class="row"> <td class="col"></td> </tr> </table>

    HTML

    All unknown abbreviations will be transformed to tag, e.g. foo → <foo></foo>.

    !

    Alias of html:5

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    a
    <a href=""></a>
    a:link
    <a href="http://"></a>
    a:mail
    <a href="mailto:"></a>
    abbr
    <abbr title=""></abbr>
    acronym, acr
    <acronym title=""></acronym>
    base
    <base href="" />
    basefont
    <basefont />
    br
    <br />
    frame
    <frame />
    hr
    <hr />
    bdo
    <bdo dir=""></bdo>
    bdo:r
    <bdo dir="rtl"></bdo>
    bdo:l
    <bdo dir="ltr"></bdo>
    col
    <col />
    link
    <link rel="stylesheet" href="" />
    link:css
    <link rel="stylesheet" href="style.css" />
    link:print
    <link rel="stylesheet" href="print.css" media="print" />
    link:favicon
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    link:touch
    <link rel="apple-touch-icon" href="favicon.png" />
    link:rss
    <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" />
    link:atom
    <link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />
    link:import, link:im
    <link rel="import" href="component.html" />
    meta
    <meta />
    meta:utf
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    meta:win
    <meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
    meta:vp
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    meta:compat
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    style
    <style></style>
    script
    <script></script>
    script:src
    <script src=""></script>
    img
    <img src="" alt="" />
    img:srcset, img:s
    <img srcset="" src="" alt="" />
    img:sizes, img:z
    <img sizes="" srcset="" src="" alt="" />
    picture
    <picture></picture>
    source, src
    <source />
    source:src, src:sc
    <source src="" type="" />
    source:srcset, src:s
    <source srcset="" />
    source:media, src:m
    <source media="(min- )" srcset="" />
    source:type, src:t
    <source srcset="" type="image/" />
    source:sizes, src:z
    <source sizes="" srcset="" />
    source:media:type, src:mt
    <source media="(min- )" srcset="" type="image/" />
    source:media:sizes, src:mz
    <source media="(min- )" sizes="" srcset="" />
    source:sizes:type, src:zt
    <source sizes="" srcset="" type="image/" />
    iframe
    <iframe src="" frameborder="0"></iframe>
    embed
    <embed src="" type="" />
    object
    <object data="" type=""></object>
    param
    <param name="" value="" />
    map
    <map name=""></map>
    area
    <area shape="" coords="" href="" alt="" />
    area:d
    <area shape="default" href="" alt="" />
    area:c
    <area shape="circle" coords="" href="" alt="" />
    area:r
    <area shape="rect" coords="" href="" alt="" />
    area:p
    <area shape="poly" coords="" href="" alt="" />
    form
    <form action=""></form>
    form:get
    <form action="" method="get"></form>
    form:post
    <form action="" method="post"></form>
    label
    <label for=""></label>
    input
    <input type="text" />
    inp
    <input type="text" name="" id="" />
    input:hidden, input:h

    Alias of input[type=hidden name]

    <input type="hidden" name="" />
    input:text, input:t

    Alias of inp

    <input type="text" name="" id="" />
    input:search

    Alias of inp[type=search]

    <input type="search" name="" id="" />
    input:email

    Alias of inp[type=email]

    <input type="email" name="" id="" />
    input:url

    Alias of inp[type=url]

    <input type="url" name="" id="" />
    input:password, input:p

    Alias of inp[type=password]

    <input type="password" name="" id="" />
    input:datetime

    Alias of inp[type=datetime]

    <input type="datetime" name="" id="" />
    input:date

    Alias of inp[type=date]

    <input type="date" name="" id="" />
    input:datetime-local

    Alias of inp[type=datetime-local]

    <input type="datetime-local" name="" id="" />
    input:month

    Alias of inp[type=month]

    <input type="month" name="" id="" />
    input:week

    Alias of inp[type=week]

    <input type="week" name="" id="" />
    input:time

    Alias of inp[type=time]

    <input type="time" name="" id="" />
    input:tel

    Alias of inp[type=tel]

    <input type="tel" name="" id="" />
    input:number

    Alias of inp[type=number]

    <input type="number" name="" id="" />
    input:color

    Alias of inp[type=color]

    <input type="color" name="" id="" />
    input:checkbox, input:c

    Alias of inp[type=checkbox]

    <input type="checkbox" name="" id="" />
    input:radio, input:r

    Alias of inp[type=radio]

    <input type="radio" name="" id="" />
    input:range

    Alias of inp[type=range]

    <input type="range" name="" id="" />
    input:file, input:f

    Alias of inp[type=file]

    <input type="file" name="" id="" />
    input:submit, input:s
    <input type="submit" value="" />
    input:image, input:i
    <input type="image" src="" alt="" />
    input:button, input:b
    <input type="button" value="" />
    isindex
    <isindex />
    input:reset

    Alias of input:button[type=reset]

    <input type="reset" value="" />
    select
    <select name="" id=""></select>
    select:disabled, select:d

    Alias of select[disabled.]

    <select name="" id="" disabled="disabled"></select>
    option, opt
    <option value=""></option>
    textarea
    <textarea name="" id="" cols="30" rows="10"></textarea>
    marquee
    <marquee behavior="" direction=""></marquee>
    menu:context, menu:c

    Alias of menu[type=context]>

    <menu type="context"></menu>
    menu:toolbar, menu:t

    Alias of menu[type=toolbar]>

    <menu type="toolbar"></menu>
    video
    <video src=""></video>
    audio
    <audio src=""></audio>
    html:xml
    <html xmlns="http://www.w3.org/1999/xhtml"></html>
    keygen
    <keygen />
    command
    <command />
    button:submit, button:s, btn:s

    Alias of button[type=submit]

    <button type="submit"></button>
    button:reset, button:r, btn:r

    Alias of button[type=reset]

    <button type="reset"></button>
    button:disabled, button:d, btn:d

    Alias of button[disabled.]

    <button disabled="disabled"></button>
    fieldset:disabled, fieldset:d, fset:d, fst:d

    Alias of fieldset[disabled.]

    <fieldset disabled="disabled"></fieldset>
    bq

    Alias of blockquote

    <blockquote></blockquote>
    fig

    Alias of figure

    <figure></figure>
    figc

    Alias of figcaption

    <figcaption></figcaption>
    pic

    Alias of picture

    <picture></picture>
    ifr

    Alias of iframe

    <iframe src="" frameborder="0"></iframe>
    emb

    Alias of embed

    <embed src="" type="" />
    obj

    Alias of object

    <object data="" type=""></object>
    cap

    Alias of caption

    <caption></caption>
    colg

    Alias of colgroup

    <colgroup></colgroup>
    fst, fset

    Alias of fieldset

    <fieldset></fieldset>
    btn

    Alias of button

    <button></button>
    optg

    Alias of optgroup

    <optgroup></optgroup>
    tarea

    Alias of textarea

    <textarea name="" id="" cols="30" rows="10"></textarea>
    leg

    Alias of legend

    <legend></legend>
    sect

    Alias of section

    <section></section>
    art

    Alias of article

    <article></article>
    hdr

    Alias of header

    <header></header>
    ftr

    Alias of footer

    <footer></footer>
    adr

    Alias of address

    <address></address>
    dlg

    Alias of dialog

    <dialog></dialog>
    str

    Alias of strong

    <strong></strong>
    prog

    Alias of progress

    <progress></progress>
    mn

    Alias of main

    <main></main>
    tem

    Alias of template

    <template></template>
    datag

    Alias of datagrid

    <datagrid></datagrid>
    datal

    Alias of datalist

    <datalist></datalist>
    kg

    Alias of keygen

    <keygen />
    out

    Alias of output

    <output></output>
    det

    Alias of details

    <details></details>
    cmd

    Alias of command

    <command />
    doc

    Alias of html>(head>meta[charset=${charset}]+title{${1:Document}})+body

    <html> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    doc4

    Alias of html>(head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}})+body

    <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    ri:dpr, ri:d

    Alias of img:s

    <img srcset="" src="" alt="" />
    ri:viewport, ri:v

    Alias of img:z

    <img sizes="" srcset="" src="" alt="" />
    ri:art, ri:a

    Alias of pic>src:m+img

    <picture> <source media="(min- )" srcset="" /> <img src="" alt="" /> </picture>
    ri:type, ri:t

    Alias of pic>src:t+img

    <picture> <source srcset="" type="image/" /> <img src="" alt="" /> </picture>
    html:4t

    Alias of !!!4t+doc4[lang=${lang}]

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    html:4s

    Alias of !!!4s+doc4[lang=${lang}]

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    html:xt

    Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    html:xs

    Alias of !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    html:xxs

    Alias of !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    html:5

    Alias of !!!+doc[lang=${lang}]

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html>
    ol+

    Alias of ol>li

    <ol> <li></li> </ol>
    ul+

    Alias of ul>li

    <ul> <li></li> </ul>
    dl+

    Alias of dl>dt+dd

    <dl> <dt></dt> <dd></dd> </dl>
    map+

    Alias of map>area

    <map name=""> <area shape="" coords="" href="" alt="" /> </map>
    table+

    Alias of table>tr>td

    <table> <tr> <td></td> </tr> </table>
    colgroup+, colg+

    Alias of colgroup>col

    <colgroup> <col /> </colgroup>
    tr+

    Alias of tr>td

    <tr> <td></td> </tr>
    select+

    Alias of select>option

    <select name="" id=""> <option value=""></option> </select>
    optgroup+, optg+

    Alias of optgroup>option

    <optgroup> <option value=""></option> </optgroup>
    pic+

    Alias of picture>source:srcset+img

    <picture> <source srcset="" /> <img src="" alt="" /> </picture>
    !!!
    <!DOCTYPE html>
    !!!4t
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    !!!4s
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    !!!xt
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    !!!xs
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    !!!xxs
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    c
    <!-- ${child} -->
    cc:ie6
    <!--[if lte IE 6]> ${child} <![endif]-->
    cc:ie
    <!--[if IE]> ${child} <![endif]-->
    cc:noie
    <!--[if !IE]><!--> ${child} <!--<![endif]-->

    CSS

    CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.

    If abbreviation wasn’t found, it is transformed into property name: foo-bar → foo-bar: |;

    You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo

    Visual Formatting

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

    Margin & Padding

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

    Box Sizing

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

    Font

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

    Text

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

    Background

    bg
    background:#000;
    bg+
    background:#fff url() 0 0 no-repeat;
    bg:n
    background:none;
    bgc
    padding: 0px 5px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 1px; border-radius: 3px; background: rgb(142, 182, 50);">fff;
    bgc:t
    bgi
    background-image:url();
    bgi:n
    background-image:none;
    bgr
    background-repeat:;
    bgr:n
    background-repeat:no-repeat;
    bgr:x
    background-repeat:repeat-x;
    bgr:y
    background-repeat:repeat-y;
    bgr:sp
    background-repeat:space;
    bgr:rd
    background-repeat:round;
    bga
    background-attachment:;
    bga:f
    background-attachment:fixed;
    bga:s
    background-attachment:scroll;
    bgp
    background-position:0 0;
    bgpx
    background-position-x:;
    bgpy
    background-position-y:;
    bgbk
    background-break:;
    bgbk:bb
    background-break:bounding-box;
    bgbk:eb
    background-break:each-box;
    bgbk:c
    background-break:continuous;
    bgcp
    background-clip:padding-box;
    bgcp:bb
    background-clip:border-box;
    bgcp:pb
    background-clip:padding-box;
    bgcp:cb
    background-clip:content-box;
    bgcp:nc
    background-clip:no-clip;
    bgo
    background-origin:;
    bgo:pb
    background-origin:padding-box;
    bgo:bb
    background-origin:border-box;
    bgo:cb
    background-origin:content-box;
    bgsz
    background-size:;
    bgsz:a
    background-size:auto;
    bgsz:ct
    background-size:contain;
    bgsz:cv
    background-size:cover;

    Color

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

    Generated content

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

    Outline

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

    Tables

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

    Border

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

    Lists

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

    Print

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

    Others

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

    XSL

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

    Alias of xsl:choose>xsl:when+xsl:otherwise

    <xsl:choose> <xsl:when test=""></xsl:when> <xsl:otherwise></xsl:otherwise> </xsl:choose>
    xsl

    Alias of !!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{ |}

    <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"></xsl:stylesheet>
    !!!
    <?xml version="1.0" encoding="UTF-8"?>
  • 相关阅读:
    Sqlserver 实际开发中表变量的用法
    Python Day 20 面向对象 (面向对象的组合用法,面向对象的三大特性
    Python Day 19 面向对象(初识面向对象)
    Python Day 18 常用模块(模块和包)
    Python Day 17 常用模块(常用模块一 时间模块,random模块,os模块,sys模块,序列化模块)
    Python Day 15 函数(递归函数、二分查找算法)
    Python Day 14 函数(内置函数,匿名函数(lambda表达式))
    Python Day 13 函数(迭代器,生成器,列表推导式,生成器表达式)
    Python Day 11 + Python Day 12 函数(函数名的应用,闭包,装饰器)
    Python Day 10 函数(名称空间,作用域,作用域链,加载顺序等; 函数的嵌套 global,nonlocal)
  • 原文地址:https://www.cnblogs.com/dingyuanxin/p/4362665.html
Copyright © 2011-2022 走看看