Emmet 是一个用于提升 HTML 和 CSS 代码编写的 Web 开发人员工具包,它允许您使用著名的 CSS 选择器以光速编写大型 HTML 代码块。
Emmet 语法 入门 让我们开始将您的开发提高到光速。
乘法:* ul>li*5
1 2 3 4 5 6 7 <ul > <li > </li > <li > </li > <li > </li > <li > </li > <li > </li > </ul >
孩子: > nav>ul>li
1 2 3 4 5 <nav > <ul > <li > </li > </ul > </nav >
自定义属性 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}
p>{Click }+a{here}+{ 继续}
1 <p > Click <a href ="" > here</a > 继续</p >
ID 和 CLASS 属性 # header
.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 >
隐式标签名称 .class
1 <div class ="class" > </div >
em>.class
1 <em > <span class ="class" > </span > </em >
ul>.class
1 2 3 <ul > <li class ="class" > </li > </ul >
table>.row>.col
1 2 3 4 5 <table > <tr class ="row" > <td class ="col" > </td > </tr > </table >
兄弟: + div+p+bq
1 2 3 <div > </div > <p > </p > <blockquote > </blockquote >
$ ul>li.item$*3
1 2 3 4 5 <ul > <li class ="item1" > </li > <li class ="item2" > </li > <li class ="item3" > </li > </ul >
h$[title=item$]{Header $}*3
1 2 3 <h1 title ="item1" > Header 1</h1 > <h2 title ="item2" > Header 2</h2 > <h3 title ="item3" > Header 3</h3 >
ul>li.item$$$*3
1 2 3 4 5 <ul > <li class ="item001" > </li > <li class ="item002" > </li > <li class ="item003" > </li > </ul >
ul>li.item$@-*3
1 2 3 4 5 <ul > <li class ="item3" > </li > <li class ="item2" > </li > <li class ="item1" > </li > </ul >
ul>li.item$@2*3
1 2 3 4 5 <ul > <li class ="item2" > </li > <li class ="item3" > </li > <li class ="item4" > </li > </ul >
上一层: ^ div+div>p>span+em^bq
1 2 3 4 5 <div > </div > <div > <p > <span > </span > <em > </em > </p > <blockquote > </blockquote > </div >
div+div>p>span+em^^bq
1 2 3 4 5 <div > </div > <div > <p > <span > </span > <em > </em > </p > </div > <blockquote > </blockquote >
分组: () div>(header>ul>li*2>a)+footer>p
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 >
(div>dl>(dt+dd)*4)+footer>p
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <div > <dl > <dt > </dt > <dd > </dd > <dt > </dt > <dd > </dd > <dt > </dt > <dd > </dd > <dt > </dt > <dd > </dd > </dl > </div > <footer > <p > </p > </footer >
HTML HTML 1 ! 或者 html:5
1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html > <html lang ="en" > <head > <meta charset ="UTF-8" /> <title > Document</title > </head > <body > </body > </html >
a
a:link
a:mail
abbr
acronym, acr
1 <acronym title ="" > </acronym >
base
basefont
br
frame
hr
bdo
bdo:r
bdo:l
col
link
1 <link rel ="stylesheet" href ="" />
link:css
1 <link rel ="stylesheet" href ="style.css" />
link:print
1 <link rel ="stylesheet" href ="print.css" media ="print" />
link:favicon
1 <link rel ="shortcut icon" type ="image/x-icon" href ="favicon.ico" />
link:touch
1 <link rel ="apple-touch-icon" href ="favicon.png" />
link:rss
1 <link rel ="alternate" type ="application/rss+xml" title ="RSS" href ="rss.xml" />
link:atom
1 <link rel ="alternate" type ="application/atom+xml" title ="Atom" href ="atom.xml" />
link:import, link:im
1 <link rel ="import" href ="component.html" />
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" />
style
script
script:src
1 <script src ="" > </script >
img
img:srcset, img:s
1 <img srcset ="" src ="" alt ="" />
img:sizes, img:z
1 <img sizes ="" srcset ="" src ="" alt ="" />
picture
source, src
source:src, src:sc
1 <source src ="" type ="" />
source:srcset, src:s
source:media, src:m
1 <source media ="(min-width: )" srcset ="" />
source:type, src:t
1 <source srcset ="" type ="image/" />
source:sizes, src:z
1 <source sizes ="" srcset ="" />
source:media:type, src:mt
1 <source media ="(min-width: )" srcset ="" type ="image/" />
source:media:sizes, src:mz
1 <source media ="(min-width: )" sizes ="" srcset ="" />
source:sizes:type, src:zt
1 <source sizes ="" srcset ="" type ="image/" />
iframe
1 <iframe src ="" frameborder ="0" > </iframe >
embed
1 <embed src ="" type ="" />
object
1 <object data ="" type ="" > </object >
param
1 <param name ="" value ="" />
map
area
1 <area shape ="" coords ="" href ="" alt ="" />
area:d
1 <area shape ="default" href ="" alt ="" />
area:c
1 <area shape ="circle" coords ="" href ="" alt ="" />
area:r
1 <area shape ="rect" coords ="" href ="" alt ="" />
area:p
1 <area shape ="poly" coords ="" href ="" alt ="" />
form
form:get
1 <form action ="" method ="get" > </form >
form:post
1 <form action ="" method ="post" > </form >
label
input
inp
1 <input type ="text" name ="" id ="" />
input:hidden, input:h 别名 input[type=hidden name]
1 <input type ="hidden" name ="" />
input:text, input:t 别名 inp
1 <input type ="text" name ="" id ="" />
input:search 别名 inp[type=search]
1 <input type ="search" name ="" id ="" />
input:email 别名 inp[type=email]
1 <input type ="email" name ="" id ="" />
HTML 2 input:url 别名 inp[type=url]
1 <input type ="url" name ="" id ="" />
input:password, input:p 别名 inp[type=password]
1 <input type ="password" name ="" id ="" />
input:datetime 别名 inp[type=datetime]
1 <input type ="datetime" name ="" id ="" />
input:date 别名 inp[type=date]
1 <input type ="date" name ="" id ="" />
input:datetime-local 别名 inp[type=datetime-local]
1 <input type ="datetime-local" name ="" id ="" />
input:month 别名 inp[type=month]
1 <input type ="month" name ="" id ="" />
input:week 别名 inp[type=week]
1 <input type ="week" name ="" id ="" />
input:time 别名 inp[type=time]
1 <input type ="time" name ="" id ="" />
input:tel 别名 inp[type=tel]
1 <input type ="tel" name ="" id ="" />
input:number 别名 inp[type=number]
1 <input type ="number" name ="" id ="" />
input:color 别名 inp[type=color]
1 <input type ="color" name ="" id ="" />
input:checkbox, input:c 别名 inp[type=checkbox]
1 <input type ="checkbox" name ="" id ="" />
input:radio, input:r 别名 inp[type=radio]
1 <input type ="radio" name ="" id ="" />
input:range 别名 inp[type=range]
1 <input type ="range" name ="" id ="" />
input:file, input:f 别名 inp[type=file]
1 <input type ="file" name ="" id ="" />
input:submit, input:s
1 <input type ="submit" value ="" />
input:image, input:i
1 <input type ="image" src ="" alt ="" />
input:button, input:b
1 <input type ="button" value ="" />
isindex
input:reset 别名 input:button[type=reset]
1 <input type ="reset" value ="" />
select
1 <select name ="" id ="" > </select >
select:disabled, select:d 别名 select[disabled.]
1 <select name ="" id ="" disabled ="disabled" > </select >
option, opt
1 <option value ="" > </option >
textarea
1 <textarea name ="" id ="" cols ="30" rows ="10" > </textarea >
marquee
1 <marquee behavior ="" direction ="" > </marquee >
menu:context, menu:c 别名 menu[type=context]>
1 <menu type ="context" > </menu >
menu:toolbar, menu:t 别名 menu[type=toolbar]>
1 <menu type ="toolbar" > </menu >
video
audio
html:xml
1 <html xmlns ="http://www.w3.org/1999/xhtml" > </html >
keygen
command
button:submit, button:s, btn:s 别名 button[type=submit]
1 <button type ="submit" > </button >
button:reset, button:r, btn:r 别名 button[type=reset]
1 <button type ="reset" > </button >
button:disabled, button:d, btn:d 别名 button[disabled.]
1 <button disabled ="disabled" > </button >
fieldset:disabled, fieldset:d, fset:d, fst:d 别名 fieldset[disabled.]
1 <fieldset disabled ="disabled" > </fieldset >
bq 别名 blockquote
1 <blockquote > </blockquote >
fig 别名 figure
figc 别名 figcaption
1 <figcaption > </figcaption >
pic 别名 picture
ifr 别名 iframe
1 <iframe src ="" frameborder ="0" > </iframe >
emb 别名 embed
1 <embed src ="" type ="" />
obj 别名 object
1 <object data ="" type ="" > </object >
cap 别名 caption
colg 别名 colgroup
fst, fset 别名 fieldset
btn 别名 button
optg 别名 optgroup
tarea 别名 textarea
1 <textarea name ="" id ="" cols ="30" rows ="10" > </textarea >
leg 别名 legend
sect 别名 section
art 别名 article
hdr 别名 header
ftr 别名 footer
adr 别名 address
dlg 别名 dialog
str 别名 strong
prog 别名 progress
mn 别名 main
tem 别名 template
datag 别名 datagrid
datal 别名 datalist
kg 别名 keygen
out 别名 output
det 别名 details
HTML 3 cmd Alias of command
doc 别名 html>(head>meta[charset=${charset}]+title{${1:Document}})+body
1 2 3 4 5 6 7 8 9 <html > <head > <meta charset ="UTF-8" /> <title > Document</title > </head > <body > </body > </html >
doc4 别名 html>(head>meta[http-equiv=”Content-Type” content=”text/html;charset=${charset}”]+title{${1:Document}})+body
1 2 3 4 5 6 7 8 9 <html > <head > <meta http-equiv ="Content-Type" content ="text/html;charset=UTF-8" /> <title > Document</title > </head > <body > </body > </html >
ri:dpr, ri:d 别名 img:s
1 <img srcset ="" src ="" alt ="" />
ri:viewport, ri:v 别名 img:z
1 <img sizes ="" srcset ="" src ="" alt ="" />
ri:art, ri:a 别名 pic>src:m+img
1 2 3 4 <picture > <source media ="(min-width: )" srcset ="" /> <img src ="" alt ="" /> </picture >
ri:type, ri:t 别名 pic>src:t+img
1 2 3 4 <picture > <source srcset ="" type ="image/" /> <img src ="" alt ="" /> </picture >
html:4t 别名 !!!4t+doc4[lang=${lang}]
1 2 3 4 5 6 7 8 9 10 <!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 别名 !!!4s+doc4[lang=${lang}]
1 2 3 4 5 6 7 8 9 10 <!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 别名 !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
1 2 3 4 5 6 7 8 9 10 <!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 别名 !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
1 2 3 4 5 6 7 8 9 10 <!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 别名 !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
1 2 3 4 5 6 7 8 9 10 <!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 别名 !!!+doc[lang=${lang}]
1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html > <html lang ="en" > <head > <meta charset ="UTF-8" /> <title > Document</title > </head > <body > </body > </html >
ol+ 别名 ol>li
ul+ 别名 ul>li
dl+ 别名 dl>dt+dd
1 2 3 4 <dl > <dt > </dt > <dd > </dd > </dl >
map+ 别名 map>area
1 2 3 <map name ="" > <area shape ="" coords ="" href ="" alt ="" /> </map >
table+ 别名 table>tr>td
1 2 3 4 5 <table > <tr > <td > </td > </tr > </table >
colgroup+, colg+ 别名 colgroup>col
1 2 3 <colgroup > <col /> </colgroup >
tr+ 别名 tr>td
select+ 别名 select>option
1 2 3 <select name ="" id ="" > <option value ="" > </option > </select >
optgroup+, optg+ 别名 optgroup>option
1 2 3 <optgroup > <option value ="" > </option > </optgroup >
pic+ 别名 picture>source:srcset+img
1 2 3 4 <picture > <source srcset ="" /> <img src ="" alt ="" /> </picture >
!!!
!!!4t
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
!!!4s
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
!!!xt
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
!!!xs
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
!!!xxs
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
c
cc:ie6
cc:ie
cc:noie
CSS 视觉格式 :- :- posposition:relative; pos:sposition:static; pos:aposition:absolute; pos:rposition:relative; pos:fposition:fixed; ttop:; t:atop:auto; rright:; r:aright:auto; bbottom:; b:abottom:auto; lleft:; l:aleft:auto; zz-index:; z:az-index:auto; flfloat:left; fl:nfloat:none; fl:lfloat:left; fl:rfloat:right; clclear:both; cl:nclear:none; cl:lclear:left; cl:rclear:right; cl:bclear:both; ddisplay:block; d:ndisplay:none; d:bdisplay:block; d:fdisplay:flex; d:ifdisplay:inline-flex; d:idisplay:inline; d:ibdisplay:inline-block; d:lidisplay:list-item; d:ridisplay:run-in; d:cpdisplay:compact; d:tbdisplay:table; d:itbdisplay:inline-table; d:tbcpdisplay:table-caption; d:tbcldisplay:table-column; d:tbclgdisplay:table-column-group; d:tbhgdisplay:table-header-group; d:tbfgdisplay:table-footer-group; d:tbrdisplay:table-row; d:tbrgdisplay:table-row-group; d:tbcdisplay:table-cell; d:rbdisplay:ruby; d:rbbdisplay:ruby-base; d:rbbgdisplay:ruby-base-group; d:rbtdisplay:ruby-text; d:rbtgdisplay:ruby-text-group; vvisibility:hidden; v:vvisibility:visible; v:hvisibility:hidden; v:cvisibility:collapse; ovoverflow:hidden; ov:voverflow:visible; ov:hoverflow:hidden; ov:soverflow:scroll; ov:aoverflow:auto; ovxoverflow-x:hidden; ovx:voverflow-x:visible; ovx:hoverflow-x:hidden; ovx:soverflow-x:scroll; ovx:aoverflow-x:auto; ovyoverflow-y:hidden; ovy:voverflow-y:visible; ovy:hoverflow-y:hidden; ovy:soverflow-y:scroll; ovy:aoverflow-y:auto; ovsoverflow-style:scrollbar; ovs:aoverflow-style:auto; ovs:soverflow-style:scrollbar; ovs:poverflow-style:panner; ovs:moverflow-style:move; ovs:mqoverflow-style:marquee; zoo, zmzoom:1; cpclip:; cp:aclip:auto; cp:rclip:rect(top right bottom left); rszresize:; rsz:nresize:none; rsz:bresize:both; rsz:hresize:horizontal; rsz:vresize:vertical; curcursor:${pointer}; cur:acursor:auto; cur:dcursor:default; cur:ccursor:crosshair; cur:hacursor:hand; cur:hecursor:help; cur:mcursor:move; cur:pcursor:pointer; cur:tcursor:text;
边距和填充 :- :- mmargin:; m:amargin:auto; mtmargin-top:; mt:amargin-top:auto; mrmargin-right:; mr:amargin-right:auto; mbmargin-bottom:; mb:amargin-bottom:auto; mlmargin-left:; ml:amargin-left:auto; ppadding:; ptpadding-top:; prpadding-right:; pbpadding-bottom:; plpadding-left:;
盒子尺寸 :- :- bxzbox-sizing:border-box; bxz:cbbox-sizing:content-box; bxz:bbbox-sizing:border-box; bxshbox-shadow:inset hoff voff blur color; bxsh:rbox-shadow:inset hoff voff blur spread rgb(0, 0, 0); bxsh:rabox-shadow:inset h v blur spread rgba(0, 0, 0, .5); bxsh:nbox-shadow:none; wwidth:; w:awidth:auto; hheight:; h:aheight:auto; mawmax-width:; maw:nmax-width:none; mahmax-height:; mah:nmax-height:none; miwmin-width:; mihmin-height:;
字体 :- :- ffont:; f+font:1em Arial,sans-serif; fwfont-weight:; fw:nfont-weight:normal; fw:bfont-weight:bold; fw:brfont-weight:bolder; fw:lrfont-weight:lighter; fsfont-style:${italic}; fs:nfont-style:normal; fs:ifont-style:italic; fs:ofont-style:oblique; fvfont-variant:; fv:nfont-variant:normal; fv:scfont-variant:small-caps; fzfont-size:; fzafont-size-adjust:; fza:nfont-size-adjust:none; fffont-family:; ff:sfont-family:serif; ff:ssfont-family:sans-serif; ff:cfont-family:cursive; ff:ffont-family:fantasy; ff:mfont-family:monospace; ff:afont-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; ff:tfont-family: “Times New Roman”, Times, Baskerville, Georgia, serif; ff:vfont-family: Verdana, Geneva, sans-serif; feffont-effect:; fef:nfont-effect:none; fef:egfont-effect:engrave; fef:ebfont-effect:emboss; fef:ofont-effect:outline; femfont-emphasize:; fempfont-emphasize-position:; femp:bfont-emphasize-position:before; femp:afont-emphasize-position:after; femsfont-emphasize-style:; fems:nfont-emphasize-style:none; fems:acfont-emphasize-style:accent; fems:dtfont-emphasize-style:dot; fems:cfont-emphasize-style:circle; fems:dsfont-emphasize-style:disc; fsmfont-smooth:; fsm:afont-smooth:auto; fsm:nfont-smooth:never; fsm:awfont-smooth:always; fstfont-stretch:; fst:nfont-stretch:normal; fst:ucfont-stretch:ultra-condensed; fst:ecfont-stretch:extra-condensed; fst:cfont-stretch:condensed; fst:scfont-stretch:semi-condensed; fst:sefont-stretch:semi-expanded; fst:efont-stretch:expanded; fst:eefont-stretch:extra-expanded; fst:uefont-stretch:ultra-expanded;
背景 :- :- bgbackground:#000; bg+background:#fff url() 0 0 no-repeat; bg:nbackground:none; bgcbackground-color:#fff; bgc:tbackground-color:transparent; bgibackground-image:url(); bgi:nbackground-image:none; bgrbackground-repeat:; bgr:nbackground-repeat:no-repeat; bgr:xbackground-repeat:repeat-x; bgr:ybackground-repeat:repeat-y; bgr:spbackground-repeat:space; bgr:rdbackground-repeat:round; bgabackground-attachment:; bga:fbackground-attachment:fixed; bga:sbackground-attachment:scroll; bgpbackground-position:0 0; bgpxbackground-position-x:; bgpybackground-position-y:; bgbkbackground-break:; bgbk:bbbackground-break:bounding-box; bgbk:ebbackground-break:each-box; bgbk:cbackground-break:continuous; bgcpbackground-clip:padding-box; bgcp:bbbackground-clip:border-box; bgcp:pbbackground-clip:padding-box; bgcp:cbbackground-clip:content-box; bgcp:ncbackground-clip:no-clip; bgobackground-origin:; bgo:pbbackground-origin:padding-box; bgo:bbbackground-origin:border-box; bgo:cbbackground-origin:content-box; bgszbackground-size:; bgsz:abackground-size:auto; bgsz:ctbackground-size:contain; bgsz:cvbackground-size:cover;
Lists :- :- lislist-style:; lis:nlist-style:none; lisplist-style-position:; lisp:ilist-style-position:inside; lisp:olist-style-position:outside; listlist-style-type:; list:nlist-style-type:none; list:dlist-style-type:disc; list:clist-style-type:circle; list:slist-style-type:square; list:dclist-style-type:decimal; list:dclzlist-style-type:decimal-leading-zero; list:lrlist-style-type:lower-roman; list:urlist-style-type:upper-roman; lisilist-style-image:; lisi:nlist-style-image:none;
Tables :- :- tbltable-layout:; tbl:atable-layout:auto; tbl:ftable-layout:fixed; cpscaption-side:; cps:tcaption-side:top; cps:bcaption-side:bottom; ecempty-cells:; ec:sempty-cells:show; ec:hempty-cells:hide;
颜色 :- :- ccolor:#000; c:rcolor:rgb(0, 0, 0); c:racolor:rgba(0, 0, 0, .5); opopacity:;
文本 :- :- vavertical-align:top; va:supvertical-align:super; va:tvertical-align:top; va:ttvertical-align:text-top; va:mvertical-align:middle; va:blvertical-align:baseline; va:bvertical-align:bottom; va:tbvertical-align:text-bottom; va:subvertical-align:sub; tatext-align:left; ta:ltext-align:left; ta:ctext-align:center; ta:rtext-align:right; ta:jtext-align:justify; ta-lsttext-align-last:; tal:atext-align-last:auto; tal:ltext-align-last:left; tal:ctext-align-last:center; tal:rtext-align-last:right; tdtext-decoration:none; td:ntext-decoration:none; td:utext-decoration:underline; td:otext-decoration:overline; td:ltext-decoration:line-through; tetext-emphasis:; te:ntext-emphasis:none; te:actext-emphasis:accent; te:dttext-emphasis:dot; te:ctext-emphasis:circle; te:dstext-emphasis:disc; te:btext-emphasis:before; te:atext-emphasis:after; thtext-height:; th:atext-height:auto; th:ftext-height:font-size; th:ttext-height:text-size; th:mtext-height:max-size; titext-indent:; ti:-text-indent:-9999px; tjtext-justify:; tj:atext-justify:auto; tj:iwtext-justify:inter-word; tj:iitext-justify:inter-ideograph; tj:ictext-justify:inter-cluster; tj:dtext-justify:distribute; tj:ktext-justify:kashida; tj:ttext-justify:tibetan; totext-outline:; to+text-outline:0 0 #000; to:ntext-outline:none; trtext-replace:; tr:ntext-replace:none; tttext-transform:uppercase; tt:ntext-transform:none; tt:ctext-transform:capitalize; tt:utext-transform:uppercase; tt:ltext-transform:lowercase; twtext-wrap:; tw:ntext-wrap:normal; tw:notext-wrap:none; tw:utext-wrap:unrestricted; tw:stext-wrap:suppress; tshtext-shadow:hoff voff blur #000; tsh:rtext-shadow:h v blur rgb(0, 0, 0); tsh:ratext-shadow:h v blur rgba(0, 0, 0, .5); tsh+text-shadow:0 0 0 #000; tsh:ntext-shadow:none; lhline-height:; ltsletter-spacing:; lts-nletter-spacing:normal; whswhite-space:; whs:nwhite-space:normal; whs:pwhite-space:pre; whs:nwwhite-space:nowrap; whs:pwwhite-space:pre-wrap; whs:plwhite-space:pre-line; whscwhite-space-collapse:; whsc:nwhite-space-collapse:normal; whsc:kwhite-space-collapse:keep-all; whsc:lwhite-space-collapse:loose; whsc:bswhite-space-collapse:break-strict; whsc:bawhite-space-collapse:break-all; wobword-break:; wob:nword-break:normal; wob:kword-break:keep-all; wob:baword-break:break-all; wosword-spacing:; wowword-wrap:; wow:nmword-wrap:normal; wow:nword-wrap:none; wow:uword-wrap:unrestricted; wow:sword-wrap:suppress; wow:bword-wrap:break-word;
Border :- :- bdborder:; bd+border:1px solid #000; bd:nborder:none; bdbkborder-break:close; bdbk:cborder-break:close; bdclborder-collapse:; bdcl:cborder-collapse:collapse; bdcl:sborder-collapse:separate; bdcborder-color:#000; bdc:tborder-color:transparent; bdiborder-image:url(); bdi:nborder-image:none; bdtiborder-top-image:url(); bdti:nborder-top-image:none; bdriborder-right-image:url(); bdri:nborder-right-image:none; bdbiborder-bottom-image:url(); bdbi:nborder-bottom-image:none; bdliborder-left-image:url(); bdli:nborder-left-image:none; bdciborder-corner-image:url(); bdci:nborder-corner-image:none; bdci:cborder-corner-image:continue; bdtliborder-top-left-image:url(); bdtli:nborder-top-left-image:none; bdtli:cborder-top-left-image:continue; bdtriborder-top-right-image:url(); bdtri:nborder-top-right-image:none; bdtri:cborder-top-right-image:continue; bdbriborder-bottom-right-image:url(); bdbri:nborder-bottom-right-image:none; bdbri:cborder-bottom-right-image:continue; bdbliborder-bottom-left-image:url(); bdbli:nborder-bottom-left-image:none; bdbli:cborder-bottom-left-image:continue; bdfborder-fit:repeat; bdf:cborder-fit:clip; bdf:rborder-fit:repeat; bdf:scborder-fit:scale; bdf:stborder-fit:stretch; bdf:owborder-fit:overwrite; bdf:ofborder-fit:overflow; bdf:spborder-fit:space; bdlenborder-length:; bdlen:aborder-length:auto; bdspborder-spacing:; bdsborder-style:; bds:nborder-style:none; bds:hborder-style:hidden; bds:dtborder-style:dotted; bds:dsborder-style:dashed; bds:sborder-style:solid; bds:dbborder-style:double; bds:dtdsborder-style:dot-dash; bds:dtdtdsborder-style:dot-dot-dash; bds:wborder-style:wave; bds:gborder-style:groove; bds:rborder-style:ridge; bds:iborder-style:inset; bds:oborder-style:outset; bdwborder-width:; bdt, btborder-top:; bdt+border-top:1px solid #000; bdt:nborder-top:none; bdtwborder-top-width:; bdtsborder-top-style:; bdts:nborder-top-style:none; bdtcborder-top-color:#000; bdtc:tborder-top-color:transparent; bdr, brborder-right:; bdr+border-right:1px solid #000; bdr:nborder-right:none; bdrwborder-right-width:; bdrstborder-right-style:; bdrst:nborder-right-style:none; bdrcborder-right-color:#000; bdrc:tborder-right-color:transparent; bdb, bbborder-bottom:; bdb+border-bottom:1px solid #000; bdb:nborder-bottom:none; bdbwborder-bottom-width:; bdbsborder-bottom-style:; bdbs:nborder-bottom-style:none; bdbcborder-bottom-color:#000; bdbc:tborder-bottom-color:transparent; bdl, blborder-left:; bdl+border-left:1px solid #000; bdl:nborder-left:none; bdlwborder-left-width:; bdlsborder-left-style:; bdls:nborder-left-style:none; bdlcborder-left-color:#000; bdlc:tborder-left-color:transparent; bdrsborder-radius:; bdtrrsborder-top-right-radius:; bdtlrsborder-top-left-radius:; bdbrrsborder-bottom-right-radius:; bdblrsborder-bottom-left-radius:;
生成的内容 :- :- cntcontent:’’; cnt:n, ct:ncontent:normal; cnt:oq, ct:oqcontent:open-quote; cnt:noq, ct:noqcontent:no-open-quote; cnt:cq, ct:cqcontent:close-quote; cnt:ncq, ct:ncqcontent:no-close-quote; cnt:a, ct:acontent:attr(); cnt:c, ct:ccontent:counter(); cnt:cs, ct:cscontent:counters(); ctcontent:; qquotes:; q:nquotes:none; q:ruquotes:’\00AB’ ‘\00BB’ ‘\201E’ ‘\201C’; q:enquotes:’\201C’ ‘\201D’ ‘\2018’ ‘\2019’; coicounter-increment:; corcounter-reset:;
Outline :- :- oloutline:; ol:noutline:none; olooutline-offset:; olwoutline-width:; olw:tnoutline-width:thin; olw:moutline-width:medium; olw:tcoutline-width:thick; olsoutline-style:; ols:noutline-style:none; ols:dtoutline-style:dotted; ols:dsoutline-style:dashed; ols:soutline-style:solid; ols:dboutline-style:double; ols:goutline-style:groove; ols:routline-style:ridge; ols:ioutline-style:inset; ols:ooutline-style:outset; olcoutline-color:#000; olc:ioutline-color:invert;
Print :- :- pgbbpage-break-before:; pgbb:aupage-break-before:auto; pgbb:alpage-break-before:always; pgbb:lpage-break-before:left; pgbb:rpage-break-before:right; pgbipage-break-inside:; pgbi:aupage-break-inside:auto; pgbi:avpage-break-inside:avoid; pgbapage-break-after:; pgba:aupage-break-after:auto; pgba:alpage-break-after:always; pgba:lpage-break-after:left; pgba:rpage-break-after:right; orporphans:; widwidows:;
Others @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 @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 { } }
:- :- trftransform:; trf:rtransform: rotate(angle); trf:rxtransform: rotateX(angle); trf:rytransform: rotateY(angle); trf:rztransform: rotateZ(angle); trf:sctransform: scale(x, y); trf:sc3transform: scale3d(x, y, z); trf:scxtransform: scaleX(x); trf:scytransform: scaleY(y); trf:scztransform: scaleZ(z); trf:skxtransform: skewX(angle); trf:skytransform: skewY(angle); trf:ttransform: translate(x, y); trf:t3transform: translate3d(tx, ty, tz); trf:txtransform: translateX(x); trf:tytransform: translateY(y); trf:tztransform: translateZ(z); trfotransform-origin:; trfstransform-style:preserve-3d;
Other :- :- acalign-content:; ac:calign-content:center; ac:fealign-content:flex-end; ac:fsalign-content:flex-start; ac:salign-content:stretch; ac:saalign-content:space-around; ac:sbalign-content:space-between; aialign-items:; ai:balign-items:baseline; ai:calign-items:center; ai:fealign-items:flex-end; ai:fsalign-items:flex-start; ai:salign-items:stretch; apappearance:${none}; asalign-self:; as:aalign-self:auto; as:balign-self:baseline; as:calign-self:center; as:fealign-self:flex-end; as:fsalign-self:flex-start; as:salign-self:stretch; bfvbackface-visibility:; bfv:hbackface-visibility:hidden; bfv:vbackface-visibility:visible; bg:iefilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’x.png’,sizingMethod=’crop’); cm/* ${child} */ colmcolumns:; colmccolumn-count:; colmfcolumn-fill:; colmgcolumn-gap:; colmrcolumn-rule:; colmrccolumn-rule-color:; colmrscolumn-rule-style:; colmrwcolumn-rule-width:; colmscolumn-span:; colmwcolumn-width:; d:ib+display: inline-block; *display: inline; *zoom: 1; jcjustify-content:; jc:cjustify-content:center; jc:fejustify-content:flex-end; jc:fsjustify-content:flex-start; jc:sajustify-content:space-around; jc:sbjustify-content:space-between; marmax-resolution:res; mirmin-resolution:res; op+opacity: ; filter: alpha(opacity=); op:iefilter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); op:ms-ms-filter:’progid:DXImageTransform.Microsoft.Alpha(Opacity=100)’; ordorder:; oriorientation:; ori:lorientation:landscape; ori:porientation:portrait; tovtext-overflow:${ellipsis}; tov:ctext-overflow:clip; tov:etext-overflow:ellipsis; trstransition:prop time; trsdetransition-delay:time; trsdutransition-duration:time; trsptransition-property:prop; trstftransition-timing-function:tfunc; ususer-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; wmwriting-mode:lr-tb; wm:btlwriting-mode:bt-lr; wm:btrwriting-mode:bt-rl; wm:lrbwriting-mode:lr-bt; wm:lrtwriting-mode:lr-tb; wm:rlbwriting-mode:rl-bt; wm:rltwriting-mode:rl-tb; wm:tblwriting-mode:tb-lr; wm:tbrwriting-mode:tb-rl;
animation :- :- animanimation:; anim-animation:name duration timing-function delay iteration-count direction fill-mode; animdelanimation-delay:time; animdiranimation-direction:normal; animdir:aanimation-direction:alternate; animdir:aranimation-direction:alternate-reverse; animdir:nanimation-direction:normal; animdir:ranimation-direction:reverse; animduranimation-duration:0s; animfmanimation-fill-mode:both; animfm:banimation-fill-mode:backwards; animfm:bt, animfm:bhanimation-fill-mode:both; animfm:fanimation-fill-mode:forwards; animicanimation-iteration-count:1; animic:ianimation-iteration-count:infinite; animnanimation-name:none; animpsanimation-play-state:running; animps:panimation-play-state:paused; animps:ranimation-play-state:running; animtfanimation-timing-function:linear; animtf:cbanimation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1); animtf:eanimation-timing-function:ease; animtf:eianimation-timing-function:ease-in; animtf:eioanimation-timing-function:ease-in-out; animtf:eoanimation-timing-function:ease-out; animtf:lanimation-timing-function:linear;
flex :- :- fxflex:; fxbflex-basis:; fxdflex-direction:; fxd:cflex-direction:column; fxd:crflex-direction:column-reverse; fxd:rflex-direction:row; fxd:rrflex-direction:row-reverse; fxfflex-flow:; fxgflex-grow:; fxshflex-shrink:; fxwflex-wrap: ; fxw:nflex-wrap:nowrap; fxw:wflex-wrap:wrap; fxw:wrflex-wrap:wrap-reverse;
XSL 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
imp
inc
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 >
XSL 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
co
1 <xsl:copy-of select ="" />
val
1 <xsl:value-of select ="" />
each, for
1 <xsl:for-each select ="" > </xsl:for-each >
tex
com
1 <xsl:comment > </xsl:comment >
msg
1 <xsl:message terminate ="no" > </xsl:message >
fall
1 <xsl:fallback > </xsl:fallback >
XSL num
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+ A别名 xsl:choose>xsl:when+xsl:otherwise
1 2 3 4 <xsl:choose > <xsl:when test ="" > </xsl:when > <xsl:otherwise > </xsl:otherwise > </xsl:choose >
xsl 别名 !!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform ]>{ | }
1 2 <?xml version="1.0" encoding="UTF-8" ?> <xsl:stylesheet version ="1.0" xmlns:xsl ="http://www.w3.org/1999/XSL/Transform" > </xsl:stylesheet >
!!!
1 <?xml version="1.0" encoding="UTF-8" ?>
另见