Scribd
Upload
105 views18 pages

Syntax: Child

The document provides an overview of syntax rules for writing CSS selectors, including: - Child selectors (>), sibling selectors (+), climb-up selectors (^), grouping selectors (), multiplication (*), item numbering ($), ID (#) and class (.) selectors, implicit tag names, custom attributes, and text selectors. It also includes HTML tag abbreviations.

Uploaded by

洪紹鯤
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
105 views18 pages

Syntax: Child

The document provides an overview of syntax rules for writing CSS selectors, including: - Child selectors (>), sibling selectors (+), climb-up selectors (^), grouping selectors (), multiplication (*), item numbering ($), ID (#) and class (.) selectors, implicit tag names, custom attributes, and text selectors. It also includes HTML tag abbreviations.

Uploaded by

洪紹鯤
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

Cheat Sheet Page 1 of 18

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>p>span+em^^bq
<div></div> <div></div>
<div> <div>

<p><span></span><em></em></p> <p><span></span><em></em></p>
<blockquote></blockquote> </div>
</div> <blockquote></blockquote>

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

Multiplication: *
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

Item numbering: $
ul>li.item$*5 h$[title=item$]{Header $}*3 ul>li.item$$$*5
<ul> <h1 title="item1">Header 1</h1> <ul>
<li class="item1"></li> <h2 title="item2">Header 2</h2> <li class="item001"></li>
<li class="item2"></li> <h3 title="item3">Header 3</h3> <li class="item002"></li>
<li class="item3"></li> <li class="item003"></li>
<li class="item4"></li> <li class="item004"></li>
<li class="item5"></li> <li class="item005"></li>
</ul> </ul>

ul>li.item$@-*5 ul>li.item$@3*5
<ul> <ul>
<li class="item5"></li> <li class="item3"></li>
<li class="item4"></li> <li class="item4"></li>
<li class="item3"></li> <li class="item5"></li>
<li class="item2"></li> <li class="item6"></li>
<li class="item1"></li> <li class="item7"></li>
</ul> </ul>

ID and CLASS attributes


#header .title
<div id="header"></div> <div class="title"></div>

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 2 of 18

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

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

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

Implicit tag names


.class em>.class ul>.class
<div class="class"></div> <em><span <ul>
class="class"></span></em> <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>.
! a a:link
<a href=" "> </a> <a href="http:// "> </a>
Alias of html:5
<!DOCTYPE html> a:mail abbr
<html lang="en"> <a href="mailto: "> </a> <abbr title=" "> </abbr>
<head>
acronym, acr base
<meta charset="UTF-8" />
<acronym title=" "> </acronym> <base href=" " />
<title> Document </title>
</head> basefont br
<body> <basefont /> <br />

frame hr
</body>
<frame /> <hr />
</html>
bdo bdo:r
<bdo dir=" "> </bdo> <bdo dir="rtl"> </bdo>

bdo:l col link


<bdo dir="ltr"> </bdo> <col /> <link rel="stylesheet" href="
" />

link:css link:print link:favicon


<link rel="stylesheet" href=" <link rel="stylesheet" href=" <link rel="shortcut icon"
style .css" /> print .css" media="print" /> type="image/x-icon" href="
favicon.ico " />

link:touch link:rss link:atom


<link rel="apple-touch-icon" <link rel="alternate" <link rel="alternate"
href=" favicon.png " /> type="application/rss+xml" type="application/atom+xml"
title="RSS" href=" rss.xml " /> title="Atom" href=" atom.xml
" />

link:import, link:im meta meta:utf


<link rel="import" href=" <meta /> <meta http-equiv="Content-Type"
component .html" /> content="text/html;charset=UTF-8
" />

meta:win meta:vp meta:compat


<meta http-equiv="Content-Type" <meta name="viewport" <meta http-equiv="X-UA-
content="text/html;charset=windo content="width= device-width , Compatible" content=" IE=7 " />
ws-1251" /> user-scalable= no , initial-
style
scale= 1.0 , maximum-scale=
<style> </style>
1.0 , minimum-scale= 1.0 " />

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 3 of 18

script script:src img


<script> </script> <script src=" "> </script> <img src=" " alt=" " />

img:srcset, img:s img:sizes, img:z picture


<img srcset=" " src=" " alt=" <img sizes=" " srcset=" " src=" <picture> </picture>
" /> " alt=" " />
source, src
<source />

source:src, src:sc source:srcset, src:s source:media, src:m


<source src=" " type=" " /> <source srcset=" " /> <source media="(
min-width: )" srcset=" " />

source:type, src:t source:sizes, src:z source:media:type, src:mt


<source srcset=" " type=" <source sizes=" " srcset=" " /> <source media="(
image/ " /> min-width: )" srcset=" "
type=" image/ " />

source:media:sizes, src:mz source:sizes:type, src:zt iframe


<source media="( <source sizes=" " srcset=" " <iframe src=" " frameborder="0">
min-width: )" sizes=" " type=" image/ " /> </iframe>
srcset=" " />
embed
<embed src=" " type=" " />

object param map


<object data=" " type=" "> <param name=" " value=" " /> <map name=" "> </map>
</object>
area area:d
<area shape=" " coords=" " <area shape="default" href=" "
href=" " alt=" " /> alt=" " />

area:c area:r area:p


<area shape="circle" coords=" " <area shape="rect" coords=" " <area shape="poly" coords=" "
href=" " alt=" " /> href=" " alt=" " /> href=" " alt=" " />

form form:get form:post


<form action=" "> </form> <form action=" " method="get"> <form action=" " method="post">
</form> </form>

label input inp


<label for=" "> </label> <input type=" text " /> <input type=" text " name=" "
id=" " />

input:hidden, input:h input:text, input:t input:search

Alias of input[type=hidden Alias of inp Alias of inp[type=search]


name] <input type=" text " name=" " <input type="search" name=" "
<input type="hidden" name=" " /> id=" " /> id=" " />

input:email

Alias of inp[type=email]
<input type="email" name=" "
id=" " />

input:url input:password, input:p input:datetime

Alias of inp[type=url] Alias of inp[type=password] Alias of inp[type=datetime]


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

input:date input:datetime-local input:month

Alias of inp[type=date] Alias of inp[type=datetime- Alias of inp[type=month]


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

Alias of inp[type=week]
<input type="week" name=" " id="
" />

input:time input:tel input:number

Alias of inp[type=time] Alias of inp[type=tel] Alias of inp[type=number]

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 4 of 18

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

input:color input:checkbox, input:c input:radio, input:r

Alias of inp[type=color] Alias of inp[type=checkbox] Alias of inp[type=radio]


<input type="color" name=" " <input type="checkbox" name=" " <input type="radio" name=" "
id=" " /> id=" " /> id=" " />

input:range input:file, input:f input:submit, input:s


<input type="submit" value="
Alias of inp[type=range] Alias of inp[type=file]
" />
<input type="range" name=" " <input type="file" name=" " id="
id=" " /> " /> input:image, input:i
<input type="image" src=" "
alt=" " />

input:button, input:b isindex input:reset


<input type="button" value=" <isindex />
Alias of input:button
" />
[type=reset]
<input type="reset" value=" " />

select select:disabled, select:d option, opt


<select name=" " id=" "> <option value=" "> </option>
Alias of select[disabled.]
</select>
<select name=" " id=" " textarea
disabled="disabled"> </select> <textarea name=" " id=" "
cols=" 30 " rows=" 10 ">
</textarea>

marquee menu:context, menu:c menu:toolbar, menu:t


<marquee behavior=" "
Alias of menu[type=context]> Alias of menu[type=toolbar]>
direction=" "> </marquee>
<menu type="context"> </menu> <menu type="toolbar"> </menu>

video audio html:xml


<video src=" "> </video> <audio src=" "> </audio> <html
xmlns="http://www.w3.org/1999/xh
tml"> </html>

keygen command button:submit, button:s, btn:s


<keygen /> <command />
Alias of button[type=submit]
<button type="submit"> </button>

button:reset, button:r, btn:r button:disabled, button:d, btn:d fieldset:disabled, fieldset:d,


fset:d, fst:d
Alias of button[type=reset] Alias of button[disabled.]
Alias of fieldset[disabled.]
<button type="reset"> </button> <button disabled="disabled">
</button> <fieldset disabled="disabled">
</fieldset>

bq fig figc

Alias of blockquote Alias of figure Alias of figcaption


<blockquote> </blockquote> <figure> </figure> <figcaption> </figcaption>

pic ifr emb

Alias of picture Alias of iframe Alias of embed


<picture> </picture> <iframe src=" " frameborder="0"> <embed src=" " type=" " />
</iframe>
obj

Alias of object
<object data=" " type=" ">
</object>

cap colg fst, fset

Alias of caption Alias of colgroup Alias of fieldset


<caption> </caption> <colgroup> </colgroup> <fieldset> </fieldset>

btn optg tarea

Alias of button Alias of optgroup Alias of textarea


<button> </button> <optgroup> </optgroup>

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 5 of 18

<textarea name=" " id=" "


cols=" 30 " rows=" 10 ">
</textarea>

leg sect art

Alias of legend Alias of section Alias of article


<legend> </legend> <section> </section> <article> </article>

hdr ftr adr

Alias of header Alias of footer Alias of address


<header> </header> <footer> </footer> <address> </address>

dlg str prog

Alias of dialog Alias of strong Alias of progress


<dialog> </dialog> <strong> </strong> <progress> </progress>

mn tem datag

Alias of main Alias of template Alias of datagrid


<main> </main> <template> </template> <datagrid> </datagrid>

datal kg out

Alias of datalist Alias of keygen Alias of output


<keygen />
<datalist> </datalist> <output> </output>

det cmd doc

Alias of details Alias of command Alias of html>(head>meta


<command /> [charset=${charset}]+title
<details> </details>
{${1:Document}})+body
<html>
<head>
<meta charset="UTF-8" />
<title> Document </title>
</head>
<body>

</body>
</html>

doc4 ri:dpr, ri:d ri:viewport, ri:v

Alias of html>(head>meta Alias of img:s Alias of img:z


[http-equiv="Content-Type" <img srcset=" " src=" " alt=" <img sizes=" " srcset=" " src="
content="text/html;charset=${ " /> " alt=" " />
charset}"]+title
ri:art, ri:a ri:type, ri:t
{${1:Document}})+body
<html> Alias of pic>src:m+img Alias of pic>src:t+img
<head> <picture> <picture>
<meta http-equiv="Content- <source media="( <source srcset=" " type="
Type" min-width: )" srcset=" " /> image/ " />
content="text/html;charset=UTF-8 <img src=" " alt=" " /> <img src=" " alt=" " />
" /> </picture> </picture>
<title> Document </title>
html:4t html:4s
</head>
<body> Alias of !!!4t+doc4 Alias of !!!4s+doc4
[lang=${lang}] [lang=${lang}]
</body>
</html> <!DOCTYPE HTML PUBLIC <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 "-//W3C//DTD HTML 4.01//EN"
Transitional//EN" "http://www.w3.org/TR/html4/stri
"http://www.w3.org/TR/html4/loos ct.dtd">
e.dtd"> <html lang="en">
<html lang="en"> <head>
<head> <meta http-equiv="Content-
<meta http-equiv="Content- Type"
Type" content="text/html;charset=UTF-8
content="text/html;charset=UTF-8 " />
" /> <title> Document </title>
<title> Document </title> </head>

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 6 of 18

</head> <body>
<body>
</body>
</body> </html>
</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/xh
tml" xml:lang="en">
<head>
<meta http-equiv="Content-
Type"
content="text/html;charset=UTF-8
" />
<title> Document </title>
</head>
<body>

</body>
</html>

html:xs html:xxs html:5

Alias of !!!xs+doc4 Alias of !!!xxs+doc4 Alias of !!!+doc


[xmlns=http://www.w3.org/1999 [xmlns=http://www.w3.org/1999 [lang=${lang}]
/xhtml xml:lang=${lang}] /xhtml xml:lang=${lang}] <!DOCTYPE html>
<!DOCTYPE html PUBLIC <!DOCTYPE html PUBLIC <html lang="en">
"-//W3C//DTD XHTML 1.0 "-//W3C//DTD XHTML 1.1//EN" <head>
Strict//EN" "http://www.w3.org/TR/xhtml11/DT <meta charset="UTF-8" />
"http://www.w3.org/TR/xhtml1/DTD D/xhtml11.dtd"> <title> Document </title>
/xhtml1-strict.dtd"> <html </head>
<html xmlns="http://www.w3.org/1999/xh <body>
xmlns="http://www.w3.org/1999/xh tml" xml:lang="en">
tml" xml:lang="en"> <head> </body>
<head> <meta http-equiv="Content- </html>
<meta http-equiv="Content- Type"
ol+
Type" content="text/html;charset=UTF-8
content="text/html;charset=UTF-8 " /> Alias of ol>li
" /> <title> Document </title>
<ol>
<title> Document </title> </head>
<li> </li>
</head> <body>
</ol>
<body>
</body> ul+
</body> </html>
Alias of ul>li
</html>
<ul>
<li> </li>
</ul>

dl+ map+ table+

Alias of dl>dt+dd Alias of map>area Alias of table>tr>td


<dl> <map name=" "> <table>
<dt> </dt> <area shape=" " coords=" " <tr>
<dd> </dd> href=" " alt=" " /> <td> </td>
</dl> </map> </tr>
</table>

colgroup+, colg+ tr+ select+

Alias of colgroup>col Alias of tr>td Alias of select>option


<colgroup>
<tr> <select name=" " id=" ">
<col />
<td> </td> <option value=" ">
</colgroup>
</tr>

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 7 of 18

</option>
</select>

optgroup+, optg+ pic+ !!!


<!DOCTYPE html>
Alias of optgroup>option Alias of
<optgroup> picture>source:srcset+img !!!4t
<option value=" "> <picture> <!DOCTYPE HTML PUBLIC
</option> <source srcset=" " /> "-//W3C//DTD HTML 4.01
</optgroup> <img src=" " alt=" " /> Transitional//EN"
</picture> "http://www.w3.org/TR/html4/loos
e.dtd">

!!!4s !!!xt !!!xs


<!DOCTYPE HTML PUBLIC <!DOCTYPE html PUBLIC <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "-//W3C//DTD XHTML 1.0 "-//W3C//DTD XHTML 1.0
"http://www.w3.org/TR/html4/stri Transitional//EN" Strict//EN"
ct.dtd"> "http://www.w3.org/TR/xhtml1/DTD "http://www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd"> /xhtml1-strict.dtd">

!!!xxs c cc:ie6
<!DOCTYPE html PUBLIC <!-- ${child} --> <!--[if lte IE 6]>
"-//W3C//DTD XHTML 1.1//EN" ${child}
"http://www.w3.org/TR/xhtml11/DT <![endif]-->
D/xhtml11.dtd">
cc:ie cc:noie
<!--[if IE]> <!--[if !IE]><!-->
${child} ${child}
<![endif]--> <!--<![endif]-->

CSS
CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.
If abbreviation wasnt 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: pos:s position:static; pos:a position:absolute
relative ; ;

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- d:i display:inline;


flex;
d:ib display:inline-
block;

d:li display:list- d:ri display:run-in; d:cp display:compact;


item;
d:tb display:table; d:itb display:inline-
table;

d:tbcp display:table- d:tbcl display:table- d:tbclg display:table-


caption; column; column-group;

d:tbhg display:table- d:tbfg display:table- d:tbr display:table-


header-group; footer-group; row;

d:tbrg display:table- d:tbc display:table- d:rb display:ruby;


row-group; cell;
d:rbb display:ruby-
base;

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 8 of 18

d:rbbg display:ruby- d:rbt display:ruby- d:rbtg display:ruby-


base-group; text; text-group;

v visibility: v:v visibility:visibl v:h visibility:hidden


hidden ; e; ;

v:c visibility:collap ov overflow: hidden


se; ;

ov:v overflow:visible; ov:h overflow:hidden; ov:s overflow:scroll;

ov:a overflow:auto; ovx overflow-x: ovx:v overflow-x:visibl


hidden ; e;

ovx:h overflow-x:hidden
;

ovx:s overflow-x:scroll ovx:a overflow-x:auto; ovy overflow-y:


; hidden ;

ovy:v overflow-y:visibl ovy:h overflow-y:hidden ovy:s overflow-y:scroll


e; ; ;

ovy:a overflow-y:auto; ovs overflow-style: ovs:a overflow-


scrollbar ; style:auto;

ovs:s overflow-
style:scrollbar;

ovs:p overflow- ovs:m overflow- ovs:mq overflow-


style:panner; style:move; style:marquee;

zoo, zm zoom:1; cp clip: ; cp:a clip:auto;

cp:r clip:rect( top rsz resize: ; rsz:n resize:none;


right bottom
rsz:b resize:both; rsz:h resize:horizontal
left ); ;

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- ml margin-left: ;


bottom:auto;
ml:a margin-left:auto;

p padding: ; pt padding-top: ; pr padding-right: ;

pb padding-bottom: ; pl padding-left: ;

Box Sizing
bxz box-sizing: bxz:cb box- bxz:bb box-
border-box ; sizing:content- sizing:border-
box; box;

bxsh box-shadow: bxsh:r box-shadow: bxsh:ra box-shadow:


inset hoff inset hoff inset h v
voff blur voff blur blur spread
color ; spread rgb( 0 rgba( 0 , 0 ,
, 0 , 0 ); 0 , . 5 );

bxsh:n box-shadow:none; w width: ; w:a width:auto;

h height: ; h:a height:auto; maw max-width: ;

maw:n max-width:none; mah max-height: ; mah:n max-height:none;

miw min-width: ; mih min-height: ;

Font

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 9 of 18

f font: ; f+ font: 1em fw font-weight: ;


Arial,sans-
fw:n font-
serif
weight:normal;
;
fw:b font-weight:bold;

fw:br font- fw:lr font- fs font-


weight:bolder; weight:lighter; style:${italic};

fs:n font- fs:i font- fs:o font-


style:normal; style:italic; style:oblique;

fv font-variant: ; fv:n font- fv:sc font-


variant:normal; variant:small-
caps;

fz font-size: ; fza font-size-adjust: fza:n font-size-


; adjust:none;

ff font-family: ; ff:s font- ff:ss font-family:sans-


family:serif; serif;

ff:c font- ff:f font- ff:m font-


family:cursive; family:fantasy; family:monospace;

ff:a font-family: ff:t font-family: ff:v font-family:


Arial, "Helvetica "Times New Verdana, Geneva,
Neue", Helvetica, Roman", Times, sans-serif;
sans-serif; Baskerville,
fef font-effect: ;
Georgia, serif;
fef:n font-effect:none;

fef:eg font- fef:eb font- fef:o font-


effect:engrave; effect:emboss; effect:outline;

fem font-emphasize: ; femp font-emphasize- femp:b font-emphasize-


position: ; position:before;

femp:a font-emphasize- fems font-emphasize- fems:n font-emphasize-


position:after; style: ; style:none;

fems:ac font-emphasize- fems:dt font-emphasize- fems:c font-emphasize-


style:accent; style:dot; style:circle;

fems:ds font-emphasize- fsm font-smooth: ; fsm:a font-smooth:auto;


style:disc;
fsm:n font- fsm:aw font-
smooth:never; smooth:always;

fst font-stretch: ; fst:n font- fst:uc font-


stretch:normal; stretch:ultra-
condensed;

fst:ec font- fst:c font- fst:sc font-


stretch:extra- stretch:condensed stretch:semi-
condensed; ; condensed;

fst:se font- fst:e font- fst:ee font-


stretch:semi- stretch:expanded; stretch:extra-
expanded; expanded;

fst:ue font-
stretch:ultra-
expanded;

Text
va vertical-align: va:sup vertical- va:t vertical-
top ; align:super; align:top;

va:tt vertical- va:m vertical-


align:text-top; align:middle;

va:bl vertical- va:b vertical- va:tb vertical-


align:baseline; align:bottom; align:text-
bottom;

va:sub vertical- ta text-align: left ta:l text-align:left;


align:sub; ;

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 10 of 18

ta:c text- ta:r text-align:right; ta:j text-


align:center; align:justify;

ta-lst text-align-last: tal:a text-align- tal:l text-align-


; last:auto; last:left;

tal:c text-align- tal:r text-align- td text-decoration:


last:center; last:right; none ;

td:n text- td:u text- td:o text-


decoration:none; decoration:underl decoration:overli
ine; ne;

td:l text- te text-emphasis: ; te:n text-


decoration:line- emphasis:none;
through;
te:ac text- te:dt text-
emphasis:accent; emphasis:dot;

te:c text- te:ds text- te:b text-


emphasis:circle; emphasis:disc; emphasis:before;

te:a text- th text-height: ; th:a text-height:auto;


emphasis:after;
th:f text-height:font- th:t text-height:text-
size; size;

th:m text-height:max- ti text-indent: ; ti:- text-indent:-9999


size; px;

tj text-justify: ; tj:a text- tj:iw text-


justify:auto; justify:inter-
word;

tj:ii text- tj:ic text- tj:d text-


justify:inter- justify:inter- justify:distribut
ideograph; cluster; e;

tj:k text- tj:t text- to text-outline: ;


justify:kashida; justify:tibetan;
to+ text-outline: 0
0 #000 ;

to:n text- tr text-replace: ; tr:n text-


outline:none; replace:none;

tt text-transform: tt:n text- tt:c text-


uppercase ; transform:none; transform:capital
ize;

tt:u text- tt:l text- tw text-wrap: ;


transform:upperca transform:lowerca
tw:n text-wrap:normal;
se; se;
tw:no text-wrap:none;

tw:u text- tw:s text- tsh text-shadow:


wrap:unrestricted wrap:suppress; hoff voff
; blur #000 ;

tsh:r text-shadow: h tsh:ra text-shadow: h tsh+ text-shadow: 0


v blur rgb( v blur rgba( 0 0 #000 ;
0 , 0 , 0 ); 0 , 0 , 0 , .
tsh:n text-shadow:none;
5 );
lh line-height: ;

lts letter-spacing: ; lts-n letter- whs white-space: ;


spacing:normal;
whs:n white-
space:normal;

whs:p white-space:pre; whs:nw white- whs:pw white-space:pre-


space:nowrap; wrap;

whs:pl white-space:pre- whsc white-space- whsc:n white-space-


line; collapse: ; collapse:normal;

whsc:k whsc:l white-space- whsc:bs


collapse:loose;

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 11 of 18

white-space- white-space-
collapse:keep- collapse:break-
all; strict;

whsc:ba white-space- wob word-break: ; wob:n word-


collapse:break- break:normal;
all;
wob:k word-break:keep- wob:ba word-break:break-
all; all;

wos word-spacing: ; wow word-wrap: ; wow:nm word-wrap:normal;

wow:n word-wrap:none; wow:u word- wow:s word-


wrap:unrestricted wrap:suppress;
;
wow:b word-wrap:break-
word;

Background
bg background:# 000 bg+ background: bg:n background:none;
; #fff url( )
bgc background-
0 0
color:# fff ;
no-repeat ;
bgc:t background-
color:transparent
;

bgi background- bgi:n background- bgr background-


image:url( ); image:none; repeat: ;

bgr:n background- bgr:x background- bgr:y background-


repeat:no-repeat; repeat:repeat-x; repeat:repeat-y;

bgr:sp background- bgr:rd background- bga background-


repeat:space; repeat:round; attachment: ;

bga:f background- bga:s background- bgp background-


attachment:fixed; attachment:scroll position: 0 0 ;
;
bgpx background-
position-x: ;

bgpy background- bgbk background-break: bgbk:bb background-


position-y: ; ; break:bounding-
box;

bgbk:eb background- bgbk:c background- bgcp background-clip:


break:each-box; break:continuous; padding-box ;

bgcp:bb background- bgcp:pb background- bgcp:cb background-


clip:border-box; clip:padding-box; clip:content-box;

bgcp:nc background- bgo background- bgo:pb background-


clip:no-clip; origin: ; origin:padding-
box;

bgo:bb background- bgo:cb background- bgsz background-size:


origin:border- origin:content- ;
box; box;
bgsz:a background-
size:auto;

bgsz:ct background- bgsz:cv background-


size:contain; size:cover;

Color
c color:# 000 ; c:r color:rgb( 0 , c:ra color:rgba( 0 ,
0 , 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- cnt:cq, ct:cq content:close- cnt:ncq, ct:ncq content:no-


open-quote; quote; close-quote;

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 12 of 18

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:'\00AB' q:en quotes:'\201C' coi counter-


'\00BB' '\201E' '\201D' '\2018' increment: ;
'\201C'; '\2019';
cor counter-reset: ;

Outline
ol outline: ; ol:n outline:none; olo outline-offset: ;

olw outline-width: ; olw:tn outline- olw:m outline-


width:thin; width:medium;

olw:tc outline- ols outline-style: ; ols:n outline-


width:thick; style:none;

ols:dt outline- ols:ds outline- ols:s outline-


style:dotted; style:dashed; style:solid;

ols:db outline- ols:g outline- ols:r outline-


style:double; style:groove; style:ridge;

ols:i outline- ols:o outline- olc outline-color:#


style:inset; style:outset; 000 ;

olc:i outline-
color:invert;

Tables
tbl table-layout: ; tbl:a table- tbl:f table-
layout:auto; 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 bd:n border:none;
solid #000 ;
bdbk border-break:
close ;

bdbk:c border- bdcl border-collapse: bdcl:c border-


break:close; ; collapse:collapse
;

bdcl:s border- bdc border-color:# bdc:t border-


collapse:separate 000 ; color:transparent
; ;

bdi border-image:url( bdi:n border- bdti border-top-


); image:none; image:url( );

bdti:n border-top- bdri border-right- bdri:n border-right-


image:none; image:url( ); image:none;

bdbi border-bottom- bdbi:n border-bottom- bdli border-left-


image:url( ); image:none; image:url( );

bdli:n border-left- bdci border-corner- bdci:n border-corner-


image:none; image:url( ); image:none;

bdci:c border-corner- bdtli border-top-left- bdtli:n border-top-left-


image:continue; image:url( ); image:none;

bdtli:c border-top-left- bdtri border-top-right- bdtri:n border-top-right-


image:continue; image:url( ); image:none;

bdtri:c border-top-right- bdbri border-bottom- bdbri:n border-bottom-


image:continue; right-image:url( right-image:none;
);
bdbri:c border-bottom-
right-
image:continue;

Lists

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 13 of 18

bdbli border-bottom- bdbli:n border-bottom- bdbli:c border-bottom-


left-image:url( left-image:none; left-
); image:continue;

bdf border-fit: bdf:c border-fit:clip; bdf:r border-


repeat ; fit:repeat;

bdf:sc border-fit:scale; bdf:st border-


fit:stretch;

bdf:ow border- bdf:of border- bdf:sp border-fit:space;


fit:overwrite; fit:overflow;
bdlen border-length: ;

bdlen:a border- bdsp border-spacing: ; bds border-style: ;


length:auto;
bds:n border- bds:h border-
style:none; style:hidden;

bds:dt border- bds:ds border- bds:s border-


style:dotted; style:dashed; style:solid;

bds:db border- bds:dtds border-style:dot- bds:dtdtds border-style:dot-


style:double; dash; dot-dash;

bds:w border- bds:g border- bds:r border-


style:wave; style:groove; style:ridge;

bds:i border- bds:o border- bdw border-width: ;


style:inset; style:outset;
bdt, bt border-top: ;

bdt+ border-top: 1px bdt:n border-top:none; bdtw border-top-width:


solid #000 ; ;

bdts border-top-style: bdts:n border-top-


; style:none;

bdtc border-top- bdtc:t border-top- bdr, br border-right: ;


color:# 000 ; color:transparent
bdr+ border-right:
;
1px solid
#000 ;

bdr:n border- bdrw border-right- bdrst border-right-


right:none; width: ; style: ;

bdrst:n border-right- bdrc border-right- bdrc:t border-right-


style:none; color:# 000 ; color:transparent
;

bdb, bb border-bottom: ; bdb+ border-bottom: bdb:n border-


1px solid bottom:none;
#000 ;
bdbw border-bottom-
width: ;

bdbs border-bottom- bdbs:n border-bottom- bdbc border-bottom-


style: ; style:none; color:# 000 ;

bdbc:t border-bottom- bdl, bl border-left: ; bdl+ border-left:


color:transparent 1px solid
; #000 ;

bdl:n border-left:none; bdlw border-left- bdls border-left-


width: ; style: ;

bdls:n border-left- bdlc border-left- bdlc:t border-left-


style:none; color:# 000 ; color:transparent
;

bdrs border-radius: ; bdtrrs border-top-right- bdtlrs border-top-left-


radius: ; radius: ;

bdbrrs border-bottom- bdblrs border-bottom- lis list-style: ;


right-radius: ; left-radius: ;
lis:n list-style:none;

lisp list-style- lisp:i list-style- lisp:o list-style-


position: ; position:inside; position:outside;

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 14 of 18

list list-style-type: list:n list-style- list:d list-style-


; type:none; type:disc;

list:c list-style- list:s list-style- list:dc list-style-


type:circle; type:square; type:decimal;

list:dclz list-style- list:lr list-style- list:ur list-style-


type:decimal- type:lower-roman; type:upper-roman;
leading-zero;
lisi list-style-image: lisi:n list-style-
; image:none;

Print
pgbb page-break- pgbb:au page-break- pgbb:al page-break-
before: ; before:auto; before:always;

pgbb:l page-break- pgbb:r page-break- pgbi page-break-


before:left; before:right; inside: ;

pgbi:au page-break- pgbi:av page-break- pgba page-break-after:


inside:auto; inside:avoid; ;

pgba:au page-break- pgba:al page-break- pgba:l page-break-


after:auto; after:always; after:left;

pgba:r page-break- orp orphans: ; wid widows: ;


after:right;

Others
! !important @f @font-face { @f+ @font-face {
font-family: font-family:
; ' FontName ';
src:url(|); 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( );

XSL

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 15 of 18

@kf @-webkit- @m, @media @media screen { ac align-content: ;


keyframes
ac:c align-
identifier { }
content:center;
from { }
to { } ac:fe align- ac:fs align-
} content:flex-end; content:flex-
@-o-keyframes start;
identifier {
ac:s align- ac:sa align-
from { } content:stretch; content:space-
to { } around;
}
@-moz-keyframes ac:sb align- ai align-items: ;
identifier { content:space-
ai:b align-
between;
from { } items:baseline;
to { }
ai:c align- ai:fe align-items:flex-
}
@keyframes items:center; end;

identifier { ai:fs align-items:flex- ai:s align-


from { } start; items:stretch;
to { }
anim animation: ; anim- animation: name
}
duration
timing-function
delay
iteration-count
direction
fill-mode ;

animdel animation-delay: animdir animation- animdir:a animation-


time ; direction: direction:alterna
normal ; te;

animdir:ar animation-
direction:alterna
te-reverse;

animdir:n animation- animdir:r animation- animdur animation-


direction:normal; direction:reverse duration: 0 s;
;
animfm animation-fill-
mode: both ;

animfm:b animation-fill- animfm:bt, animfm:bh animation animfm:f animation-fill-


mode:backwards; -fill- mode:forwards;
mode:both
animic animation-
;
iteration-count:
1 ;

animic:i animation- animn animation-name: animps animation-play-


iteration- none ; state: running ;
count:infinite;
animps:p animation-play- animps:r animation-play-
state:paused; state:running;

animtf animation-timing- animtf:cb animation-timing- animtf:e animation-timing-


function: linear function:cubic- function:ease;
; bezier( 0.1 ,
animtf:ei animation-timing-
0.7 , 1.0 ,
function:ease-in;
0.1 );
animtf:eio animation-timing-
function:ease-in-
out;

animtf:eo animation-timing- animtf:l animation-timing- ap appearance:${none


function:ease- function:linear; };
out;
as align-self: ; as:a align-self:auto;

as:b align- as:c align- as:fe align-self:flex-


self:baseline; self:center; end;

as:fs as:s bfv

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 16 of 18

align-self:flex- align- backface-


start; self:stretch; visibility: ;

bfv:h backface- bfv:v backface- bg:ie filter:progid:DXI


visibility:hidden visibility:visibl mageTransform.Mic
; e; rosoft.AlphaImage
Loader(src=' x
.png',sizingMetho
d=' crop ');

cm /* ${child} */ colm columns: ; colmc column-count: ;

colmf column-fill: ; colmg column-gap: ; colmr column-rule: ;

colmrc column-rule- colmrs column-rule- colmrw column-rule-


color: ; style: ; width: ;

colms column-span: ; colmw column-width: ; d:ib+ display: inline-


block;
*display: inline;
*zoom: 1;

fx flex: ; fxb flex-basis: ; fxd flex-direction: ;

fxd:c flex- fxd:cr flex- fxd:r flex-


direction:column; direction:column- direction:row;
reverse;
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- jc justify-content: jc:c justify-


reverse; ; content:center;

jc:fe justify- jc:fs justify- jc:sa justify-


content:flex-end; content:flex- content:space-
start; around;

jc:sb justify- mar max-resolution: mir min-resolution:


content:space- res ; res ;
between;
op+ opacity: ; op:ie filter:progid:DXI
filter: alpha mageTransform.Mic
(opacity= ); rosoft.Alpha
(Opacity=100);

op:ms -ms- ord order: ; ori orientation: ;


filter:'progid:DX
ori:l orientation:lands ori:p orientation:portr
ImageTransform.Mi
crosoft.Alpha cape; ait;
(Opacity=100)'; tov text- tov:c text-
overflow:${ellips overflow:clip;
is};
tov:e text-
overflow:ellipsis
;

trf transform: ; trf:r transform: rotate trf:rx transform:


( angle ); rotateX( angle );

trf:ry transform: trf:rz transform: trf:sc transform: scale(


rotateY( angle ); rotateZ( angle ); x , y );

trf:sc3 transform: trf:scx transform: scaleX trf:scy transform: scaleY


scale3d( x , y ( x ); ( y );
, z );
trf:scz transform: scaleZ trf:skx transform: skewX(
( z ); angle );

trf:sky transform: skewY( trf:t transform: trf:t3 transform:


angle ); translate( x , translate3d( tx
y ); , ty , tz );

trf:tx trf:ty trf:tz

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 17 of 18

transform: transform: transform:


translateX( x ); translateY( y ); translateZ( z );

trfo transform-origin: trfs transform-style: trs transition:


; preserve-3d ; prop time ;

trsde transition-delay: trsdu transition- trsp transition-


time ; duration: time ; property: prop ;

trstf transition- us user- wfsm -webkit-font-


timing-function: select:${none}; smoothing:${antia
tfunc ; liased};

wfsm:a -webkit-font- wfsm:n -webkit-font-


smoothing:antiali smoothing:none;
ased;
wfsm:s, wfsm:sa -webkit-font-
smoothing:subp
ixel-
antialiased;

wm writing-mode: wm:btl writing-mode:bt- wm:btr writing-mode:bt-


lr-tb ; lr; rl;

wm:lrb writing-mode:lr- wm:lrt writing-mode:lr-


bt; tb;

wm:rlb writing-mode:rl- wm:rlt writing-mode:rl- wm:tbl writing-mode:tb-


bt; tb; lr;

wm:tbr writing-mode:tb- tmatch, tm tname, tn


rl; <xsl:template match=" " mode=" <xsl:template name=" ">
"> </xsl:template> </xsl:template>

call ap api
<xsl:call-template name=" " /> <xsl:apply-templates select=" " <xsl:apply-imports />
mode=" " />
imp
<xsl:import href=" " />

inc ch xsl:when, wh
<xsl:include href=" " /> <xsl:choose> </xsl:choose> <xsl:when test=" "> </xsl:when>

ot if par
<xsl:otherwise> </xsl:otherwise> <xsl:if test=" "> </xsl:if> <xsl:param name=" ">
</xsl:param>

pare var vare


<xsl:param name=" " select=" <xsl:variable name=" "> <xsl:variable name=" " select="
" /> </xsl:variable> " />

wp key elem
<xsl:with-param name=" " <xsl:key name=" " match=" " <xsl:element name=" ">
select=" " /> use=" " /> </xsl:element>

attr attrs cp
<xsl:attribute name=" "> <xsl:attribute-set name=" "> <xsl:copy select=" " />
</xsl:attribute> </xsl:attribute-set>
co
<xsl:copy-of select=" " />

val each, for tex


<xsl:value-of select=" " /> <xsl:for-each select=" "> <xsl:text> </xsl:text>
</xsl:for-each>
com
<xsl:comment> </xsl:comment>

msg fall num


<xsl:message terminate="no"> <xsl:fallback> </xsl:fallback> <xsl:number value=" " />
</xsl:message>
nam pres
<namespace-alias stylesheet- <xsl:preserve-space elements="
prefix=" " result-prefix=" " /> " />

strip proc sort


<xsl:strip-space elements=" " /> <xsl:processing-instruction <xsl:sort select=" " order="
name=" "> </xsl:processing- " />
instruction>
choose+

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8
Cheat Sheet Page 18 of 18

Alias of
xsl:choose>xsl:when+xsl:other
wise
<xsl:choose>
<xsl:when test=" ">
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>

xsl !!!
<?xml version="1.0"
Alias of !!!+xsl:stylesheet
encoding="UTF-8"?>
[version=1.0
xmlns:xsl=http://www.w3.org/1
999/XSL/Transform]>{
|}
<?xml version="1.0"
encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/199
9/XSL/Transform">
</xsl:stylesheet>

file:///D:/STS64/spring-tool-suite-3.8.1.RELEASE-e4.6-win32-x86_64/sts-bundle/sts-3.... 2017/3/8

You might also like