From 1be5fa4caa59e1bc9126ceae77306f4ddf476b39 Mon Sep 17 00:00:00 2001 From: jaywcjlove Date: Thu, 6 Oct 2022 16:49:19 +0000 Subject: [PATCH] feat: add `emmet.md` cheatsheet. 45a20dd7494c6629d26344f4061339f4341ad342 --- docs/emmet.html | 3689 ++++++++++++++++++++++++++++++++++++++ docs/npm.html | 6 + docs/quickreference.html | 6 +- docs/typescript.html | 3 +- index.html | 5 +- style/style.css | 31 +- 6 files changed, 3724 insertions(+), 16 deletions(-) create mode 100644 docs/emmet.html diff --git a/docs/emmet.html b/docs/emmet.html new file mode 100644 index 00000000..337d2841 --- /dev/null +++ b/docs/emmet.html @@ -0,0 +1,3689 @@ + + + + +Emmet + & emmet cheatsheet & Quick Reference + + + + + + +

Emmet

+

Emmet 是一个用于提升 HTML 和 CSS 代码编写的 Web 开发人员工具包，它允许您使用著名的 CSS 选择器以光速编写大型 HTML 代码块。

+

Emmet 语法

+

入门

+

让我们开始将您的开发提高到光速。

+ +

乘法：*

+

ul>li*5

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

孩子: >

+

nav>ul>li

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

自定义属性

+ +

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>
+
+

文本: {}

+

a{Click me}

+
<a href="">Click me</a>
+
+

p>{Click }+a{here}+{ 继续}

+
<p>Click <a href="">here</a> 继续</p>
+
+

ID 和 CLASS 属性

+ +

#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>
+
+

隐式标签名称

+ +

.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>
+
+

兄弟: +

+

div+p+bq

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

$

+ +

ul>li.item$*3

+
<ul>
+    <li class="item1"></li>
+    <li class="item2"></li>
+    <li class="item3"></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$$$*3

+
<ul>
+    <li class="item001"></li>
+    <li class="item002"></li>
+    <li class="item003"></li>
+</ul>
+
+

ul>li.item$@-*3

+
<ul>
+    <li class="item3"></li>
+    <li class="item2"></li>
+    <li class="item1"></li>
+</ul>
+
+

ul>li.item$@2*3

+
<ul>
+    <li class="item2"></li>
+    <li class="item3"></li>
+    <li class="item4"></li>
+</ul>
+
+

上一层: ^

+

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>
+
+

分组: ()

+

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)*4)+footer>p

+
<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

+
<!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-width: )" srcset="" />
+
+

source:type, src:t

+
<source srcset="" type="image/" />
+
+

source:sizes, src:z

+
<source sizes="" srcset="" />
+
+

source:media:type, src:mt

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

source:media:sizes, src:mz

+
<source media="(min-width: )" 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 别名 input[type=hidden name]

+
<input type="hidden" name="" />
+
+

input:text, input:t 别名 inp

+
<input type="text" name="" id="" />
+
+

input:search 别名 inp[type=search]

+
<input type="search" name="" id="" />
+
+

input:email 别名 inp[type=email]

+
<input type="email" name="" id="" />
+
+

HTML 2

+

input:url 别名 inp[type=url]

+
<input type="url" name="" id="" />
+
+

input:password, input:p 别名 inp[type=password]

+
<input type="password" name="" id="" />
+
+

input:datetime 别名 inp[type=datetime]

+
<input type="datetime" name="" id="" />
+
+

input:date 别名 inp[type=date]

+
<input type="date" name="" id="" />
+
+

input:datetime-local 别名 inp[type=datetime-local]

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

input:month 别名 inp[type=month]

+
<input type="month" name="" id="" />
+
+

input:week 别名 inp[type=week]

+
<input type="week" name="" id="" />
+
+

input:time 别名 inp[type=time]

+
<input type="time" name="" id="" />
+
+

input:tel 别名 inp[type=tel]

+
<input type="tel" name="" id="" />
+
+

input:number 别名 inp[type=number]

+
<input type="number" name="" id="" />
+
+

input:color 别名 inp[type=color]

+
<input type="color" name="" id="" />
+
+

input:checkbox, input:c 别名 inp[type=checkbox]

+
<input type="checkbox" name="" id="" />
+
+

input:radio, input:r 别名 inp[type=radio]

+
<input type="radio" name="" id="" />
+
+

input:range 别名 inp[type=range]

+
<input type="range" name="" id="" />
+
+

input:file, input:f 别名 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 别名 input:button[type=reset]

+
<input type="reset" value="" />
+
+

select

+
<select name="" id=""></select>
+
+

select:disabled, select:d 别名 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 别名 menu[type=context]>

+
<menu type="context"></menu>
+
+

menu:toolbar, menu:t 别名 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 别名 button[type=submit]

+
<button type="submit"></button>
+
+

button:reset, button:r, btn:r 别名 button[type=reset]

+
<button type="reset"></button>
+
+

button:disabled, button:d, btn:d 别名 button[disabled.]

+
<button disabled="disabled"></button>
+
+

fieldset:disabled, fieldset:d, fset:d, fst:d 别名 fieldset[disabled.]

+
<fieldset disabled="disabled"></fieldset>
+
+

bq 别名 blockquote

+
<blockquote></blockquote>
+
+

fig 别名 figure

+
<figure></figure>
+
+

figc 别名 figcaption

+
<figcaption></figcaption>
+
+

pic 别名 picture

+
<picture></picture>
+
+

ifr 别名 iframe

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

emb 别名 embed

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

obj 别名 object

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

cap 别名 caption

+
<caption></caption>
+
+

colg 别名 colgroup

+
<colgroup></colgroup>
+
+

fst, fset 别名 fieldset

+
<fieldset></fieldset>
+
+

btn 别名 button

+
<button></button>
+
+

optg 别名 optgroup

+
<optgroup></optgroup>
+
+

tarea 别名 textarea

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

leg 别名 legend

+
<legend></legend>
+
+

sect 别名 section

+
<section></section>
+
+

art 别名 article

+
<article></article>
+
+

hdr 别名 header

+
<header></header>
+
+

ftr 别名 footer

+
<footer></footer>
+
+

adr 别名 address

+
<address></address>
+
+

dlg 别名 dialog

+
<dialog></dialog>
+
+

str 别名 strong

+
<strong></strong>
+
+

prog 别名 progress

+
<progress></progress>
+
+

mn 别名 main

+
<main></main>
+
+

tem 别名 template

+
<template></template>
+
+

datag 别名 datagrid

+
<datagrid></datagrid>
+
+

datal 别名 datalist

+
<datalist></datalist>
+
+

kg 别名 keygen

+
<keygen />
+
+

out 别名 output

+
<output></output>
+
+

det 别名 details

+
<details></details>
+
+

HTML 3

+

cmd +Alias of command

+
<command />
+
+

doc 别名 html>(head>meta[charset=${charset}]+title{${1:Document}})+body

+ +
<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

+ +
<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

+
<img srcset="" src="" alt="" />
+
+

ri:viewport, ri:v 别名 img:z

+
<img sizes="" srcset="" src="" alt="" />
+
+

ri:art, ri:a 别名 pic>src:m+img

+
<picture>
+    <source media="(min-width: )" srcset="" />
+    <img src="" alt="" />
+</picture>
+
+

ri:type, ri:t 别名 pic>src:t+img

+
<picture>
+    <source srcset="" type="image/" />
+    <img src="" alt="" />
+</picture>
+
+

html:4t 别名 !!!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 别名 !!!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 别名 !!!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 别名 !!!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 别名 !!!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 别名 !!!+doc[lang=${lang}]

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

ol+ 别名 ol>li

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

ul+ 别名 ul>li

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

dl+ 别名 dl>dt+dd

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

map+ 别名 map>area

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

table+ 别名 table>tr>td

+
<table>
+    <tr>
+        <td></td>
+    </tr>
+</table>
+
+

colgroup+, colg+ 别名 colgroup>col

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

tr+ 别名 tr>td

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

select+ 别名 select>option

+
<select name="" id="">
+    <option value=""></option>
+</select>
+
+

optgroup+, optg+ 别名 optgroup>option

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

pic+ 别名 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

+

视觉格式

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
:-:-
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

+ + + + + + + + + + + + + +
:-:-
!!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 {
+    
+}
+
+

transform

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
:-:-
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

+
<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>
+
+

XSL

+

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>
+
+

XSL

+

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+ A别名 xsl:choose>xsl:when+xsl:otherwise

+
<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]>{ | }

+
<?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"?>
+
+

另见

+ +
+ diff --git a/docs/npm.html b/docs/npm.html index 740b2a4c..05e86022 100644 --- a/docs/npm.html +++ b/docs/npm.html @@ -248,6 +248,12 @@ npm unpublish <package-name>@<version>

注意：如果您取消发布整个包，则必须在 24 小时后才能发布该包的任何新版本。

+

发布包 npmjs.org

+
npm publish
+# 第一次需要指定公开参数
+npm publish --access public
+
+

发布公开包，到 npmjs.org

配置

.npmrc

diff --git a/docs/quickreference.html b/docs/quickreference.html index 725da4e5..27be4099 100644 --- a/docs/quickreference.html +++ b/docs/quickreference.html @@ -239,7 +239,11 @@ -
:--
<yel>黄色
<pur>紫色
<code> 或 ``绿色
+ + + + +
:--
<yel>黄色
<pur>紫色
<code> 或 ``绿色
<del> 或 ~~删除~~红色

布局

H2 部分

diff --git a/docs/typescript.html b/docs/typescript.html index 047b67e8..31bbacac 100644 --- a/docs/typescript.html +++ b/docs/typescript.html @@ -958,7 +958,8 @@ <MyComponent header={<h1>Header</h1>} body={<i>body</i>} /> -

泛型组件

+

泛型组件

+ 
// 一个泛型组件
 type SelectProps<T> = { items: T[] };
 class Select<T> extends React.Component<SelectProps<T>, any> {}
diff --git a/index.html b/index.html
index cae51e37..bbc12417 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,10 @@
 TypeScript

工具包

-

+

+ +Emmet + npm diff --git a/style/style.css b/style/style.css index 29926b3d..27148287 100644 --- a/style/style.css +++ b/style/style.css @@ -203,8 +203,7 @@ table td:first-child>code { --text-opacity: 1; color: rgb(5 150 105/var(--text-opacity)); } -table td:first-child>del>code { - text-decoration: inherit; +table td > del, table td:first-child > del > code, .wrap-body p > del > code { color: var(--color-danger-fg); } @@ -844,16 +843,7 @@ body:not(.home) .h2wrap > h2 a::after { } } -@media (min-width: 768px) { - .home-card { - grid-template-columns: repeat(4,minmax(0,1fr)); - } - .wrap-header.h3wrap > .wrap-body { - overflow: initial; - } -} - -@media (min-width: 375px) { +@media only screen and (max-width: 375px) { .header-nav .title { font-size: 1rem; } @@ -877,6 +867,9 @@ body:not(.home) .h2wrap > h2 a::after { .wrap-header.h3wrap > .wrap-body { overflow: auto; } + .tooltip:hover .tooltiptext { + display: none; + } .h1wrap-body { gap: 2rem; } @@ -893,4 +886,16 @@ body:not(.home) .h2wrap > h2 a::after { .footer-wrap { font-size: 0.75rem; } -} \ No newline at end of file +} + +@media (min-width: 768px) { + .home-card { + grid-template-columns: repeat(4,minmax(0,1fr)); + } + .wrap-header.h3wrap > .wrap-body { + overflow: initial; + } + .tooltip:hover .tooltiptext { + display: inline-block; + } +}