前端开发利器 Emmet 介绍与基础语法教程

孩子：>

• NAV> UL>利

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

兄弟姐妹：+

• DIV + P + BQ

• <div> </ div> <p> </ p> <blockquote> </ blockquote>

爬上：^

• DIV + DIV> P>跨度+ EM ^ BQ

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

• DIV + DIV> P>跨度+ EM ^^ BQ

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

分组:(）

• DIV>（报头> UL>利* 2> A）+页脚>点

• <div> <header> <ul> <li> <a href=""> </a> </ li> <li> <a href=""> </a> </ li> </ ul> < / header> <footer> <p> </ p> </ footer> </ div>

• （DIV> DL>（DT + DD）* 3）+页脚>点

• <div> <dl> <dt> </ dt> <dd> </ dd> <dt> </ dt> <dd> </ dd> <dt> </ dt> <dd> </ dd> </ dl> </ div> <footer> <p> </ p> </ footer>

乘法：*

• UL>利* 5

• <ul> <li> </ li> <li> </ li> <li> </ li> <li> </ li> <li> </ li> </ ul>

物品编号：$

• UL> li.item $ * 5

• <ul> <li class =“item1”> </ li> <li class =“item2”> </ li> <li class =“item3”> </ li> <li class =“item4”> </ li > <li class =“item5”> </ li> </ ul>

• h $ [title = item $] {Header $} * 3

• <h1 title =“item1”>标题1 </ h1> <h2 title =“item2”>标题2 </ h2> <h3 title =“item3”>标题3 </ h3>

• UL> li.item $$$ * 5

• <ul> <li class =“item001”> </ li> <li class =“item002”> </ li> <li class =“item003”> </ li> <li class =“item004”> </ li > <li class =“item005”> </ li> </ ul>

• UL> li.item $ @ - * 5

• <ul>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li> </ul>

• ul>li.item$@3*5

• <ul>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li> </ul>

ID and CLASS attributes

• #header

• <div id="header"></div>

• .title

• <div></div>

• form#search.wide

• <form id="search"></form>

• p.class1.class2.class3

• <p class="class1 class2 class3"></p>

自定义属性

• 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 {点击我}

• <a href="">点击我</a>

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

• <p>点击<a href="">此处</a>继续</ p>

隐式标签名称

• 。类

• <div class =“class”> </ div>

• EM>的.class

• <em> <span class =“class”> </ span> </ em>

• UL>的.class

• <ul> <li class =“class”> </ li> </ ul>

• 表> .row> .COL

• <table> <tr class =“row”> <td class =“col”> </ td> </ tr> </ table>

视觉格式

• POS

• 位置：相对 ;

• POS：■

• position:static;

• pos:a

• position:absolute;

• pos:r

• position:relative;

• pos:f

• position:fixed;

• t

• top:;

• t:a

• top:auto;

• r

• right:;

• r:a

• right:auto;

• b

• bottom:;

• b:a

• bottom:auto;

• l

• left:;

• l:a

• left:auto;

• z

• z-index:;

• z:a

• z-index:auto;

• fl

• float:left;

• fl:n

• float:none;

• fl:l

• float:left;

• fl:r

• float:right;

• cl

• clear:both;

• cl:n

• clear:none;

• cl:l

• clear:left;

• cl:r

• clear:right;

• cl:b

• clear:both;

• d

• display:block;

• d:n

• display:none;

• d:b

• display:block;

• d:f

• display:flex;

• d:if

• display:inline-flex;

• d:i

• display:inline;

• d:ib

• display:inline-block;

• d:li

• display:list-item;

• d:ri

• display:run-in;

• d:cp

• display:compact;

• d:tb

• display:table;

• d:itb

• display:inline-table;

• d:tbcp

• display:table-caption;

• d:tbcl

• display:table-column;

• d:tbclg

• display:table-column-group;

• d:tbhg

• display:table-header-group;

• d:tbfg

• display:table-footer-group;

• d:tbr

• display:table-row;

• d:tbrg

• display:table-row-group;

• d:tbc

• display:table-cell;

• d:rb

• display:ruby;

• d:rbb

• display:ruby-base;

• d:rbbg

• display:ruby-base-group;

• d:rbt

• display:ruby-text;

• d:rbtg

• display:ruby-text-group;

• v

• visibility:hidden;

• v:v

• visibility:visible;

• v:h

• visibility:hidden;

• v:c

• visibility:collapse;

• ov

• overflow:hidden;

• ov:v

• overflow:visible;

• ov:h

• overflow:hidden;

• ov:s

• overflow:scroll;

• ov:a

• overflow:auto;

• ovx

• overflow-x:hidden;

• ovx:v

• overflow-x:visible;

• ovx:h

• overflow-x:hidden;

• ovx:s

• overflow-x:scroll;

• ovx:a

• overflow-x:auto;

• ovy

• overflow-y:hidden;

• ovy:v

• overflow-y:visible;

• ovy:h

• overflow-y:hidden;

• ovy:s

• overflow-y:scroll;

• ovy:a

• overflow-y:auto;

• ovs

• overflow-style:scrollbar;

• ovs:a

• overflow-style:auto;

• ovs:s

• overflow-style:scrollbar;

• ovs:p

• overflow-style:panner;

• ovs:m

• overflow-style:move;

• ovs:mq

• overflow-style:marquee;

• zoo, zm

• zoom:1;

• cp

• clip:;

• cp:a

• clip:auto;

• cp:r

• clip:rect(top right bottom left);

• rsz

• resize:;

• rsz:n

• resize:none;

• rsz:b

• resize:both;

• rsz:h

• resize:horizontal;

• rsz:v

• resize:vertical;

• cur

• cursor:${pointer};

• cur:a

• cursor:auto;

• cur:d

• cursor:default;

• cur:c

• cursor:crosshair;

• cur:ha

• cursor:hand;

• cur:he

• cursor:help;

• cur:m

• cursor:move;

• cur:p

• cursor:pointer;

• cur:t

• cursor:text;

Margin & Padding

• m

• margin:;

• m:a

• margin:auto;

• mt

• margin-top:;

• mt:a

• margin-top:auto;

• mr

• margin-right:;

• mr:a

• margin-right:auto;

• mb

• margin-bottom:;

• mb:a

• margin-bottom:auto;

• ml

• margin-left:;

• ml:a

• margin-left:auto;

• p

• padding:;

• pt

• padding-top:;

• pr

• padding-right:;

• pb

• padding-bottom:;

• pl

• padding-left:;

Box Sizing

• bxz

• box-sizing:border-box;

• bxz:cb

• box-sizing:content-box;

• bxz:bb

• box-sizing:border-box;

• bxsh

• box-shadow:inset hoff voff blur color;

• bxsh:r

• box-shadow:inset hoff voff blur spread rgb(0, 0, 0);

• bxsh:ra

• box-shadow:inset h v blur spread rgba(0, 0, 0, .5);

• bxsh:n

• box-shadow:none;

• w

• 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

• f

• font:;

• f+

• font:1em Arial,sans-serif;

• fw

• font-weight:;

• fw:n

• font-weight:normal;

• fw:b

• font-weight:bold;

• fw:br

• 字体重量：大胆;

• FW：LR

• 字体重量：打火机;

• FS

• 字体样式：$ {}斜体;

• FS：N

• 字体风格：正常;

• FS：我

• 字体样式：斜体;

• FS：○

• 字体风格：倾斜;

• FV

• 字体变形：;

• FV：N

• 字体变形：正常;

• FV：SC

• 字体变：小型股;

• FZ

• 字体大小：;

• FZA

• 字体大小调整：;

• FZA：N

• 字体大小调整：无;

• FF

• 字体系列：;

• FF：■

• FONT-FAMILY：衬线;

• FF：SS

• FONT-FAMILY：无衬线;

• FF：C

• FONT-FAMILY：草书;

• FF：F

• FONT-FAMILY：幻想;

• FF：M

• FONT-FAMILY：等宽;

• FF：一

• font-family：Arial，“Helvetica Neue”，Helvetica，sans-serif;

• FF：T

• font-family：“Times New Roman”，Times，Baskerville，Georgia，serif;

• FF：v

• font-family：Verdana，Geneva，sans-serif;

• FEF

• 字体效果：;

• FEF：N

• 字体效应：无;

• FEF：如

• 字体效果：雕刻;

• FEF：EB

• 字体效果：浮雕;

• FEF：○

• 字体效果：轮廓;

• 有限元

• 字体强调：;

• FEMP

• 字体强调位置：;

• FEMP：乙

• 字体强调位置：前;

• FEMP：一

• 字体强调位置：后;

• FEMS

• 字体强调风格：;

• fems:n

• font-emphasize-style:none;

• fems:ac

• font-emphasize-style:accent;

• fems:dt

• font-emphasize-style:dot;

• fems:c

• font-emphasize-style:circle;

• fems:ds

• font-emphasize-style:disc;

• fsm

• font-smooth:;

• fsm:a

• font-smooth:auto;

• fsm:n

• font-smooth:never;

• fsm:aw

• font-smooth:always;

• fst

• font-stretch:;

• fst:n

• font-stretch:normal;

• fst:uc

• font-stretch:ultra-condensed;

• fst:ec

• font-stretch:extra-condensed;

• fst:c

• font-stretch:condensed;

• fst:sc

• font-stretch:semi-condensed;

• fst:se

• font-stretch:semi-expanded;

• fst:e

• font-stretch:expanded;

• fst:ee

• font-stretch:extra-expanded;

• fst:ue

• font-stretch:ultra-expanded;

Text

• va

• vertical-align:top;

• va:sup

• vertical-align:super;

• va:t

• vertical-align:top;

• va:tt

• vertical-align:text-top;

• va:m

• vertical-align:middle;

• va:bl

• vertical-align:baseline;

• va:b

• vertical-align:bottom;

• va:tb

• vertical-align:text-bottom;

• va:sub

• vertical-align:sub;

• ta

• text-align:left;

• ta:l

• text-align:left;

• ta:c

• text-align:center;

• ta:r

• text-align:right;

• ta:j

• text-align:justify;

• ta-lst

• text-align-last:;

• tal:a

• text-align-last:auto;

• tal:l

• text-align-last:left;

• tal:c

• text-align-last:center;

• tal:r

• text-align-last:right;

• td

• text-decoration:none;

• td:n

• text-decoration:none;

• td:u

• text-decoration:underline;

• td:o

• text-decoration:overline;

• td:l

• text-decoration:line-through;

• te

• text-emphasis:;

• te:n

• text-emphasis:none;

• te:ac

• text-emphasis:accent;

• te:dt

• text-emphasis:dot;

• te:c

• text-emphasis:circle;

• te:ds

• text-emphasis:disc;

• te:b

• text-emphasis:before;

• te:a

• text-emphasis:after;

• th

• text-height:;

• th:a

• text-height:auto;

• th:f

• text-height:font-size;

• th:t

• text-height:text-size;

• th:m

• text-height:max-size;

• ti

• text-indent:;

• ti:-

• text-indent:-9999px;

• tj

• text-justify:;

• tj:a

• text-justify:auto;

• tj:iw

• text-justify:inter-word;

• tj:ii

• text-justify:inter-ideograph;

• tj:ic

• text-justify:inter-cluster;

• tj:d

• text-justify:distribute;

• tj:k

• text-justify:kashida;

• tj:t

• text-justify:tibetan;

• to

• text-outline:;

• to+

• text-outline:0 0 #000;

• to:n

• text-outline:none;

• tr

• text-replace:;

• tr:n

• text-replace:none;

• tt

• text-transform:uppercase;

• tt:n

• text-transform:none;

• tt:c

• text-transform:capitalize;

• tt:u

• text-transform:uppercase;

• tt:l

• text-transform:lowercase;

• tw

• text-wrap:;

• tw:n

• text-wrap:normal;

• tw:no

• text-wrap:none;

• tw:u

• text-wrap:unrestricted;

• tw:s

• text-wrap:suppress;

• tsh

• text-shadow:hoff voff blur #000;

• tsh:r

• text-shadow:h v blur rgb(0, 0, 0);

• tsh:ra

• 文字阴影：ħ v 模糊 RGBA（0，0，0，。5）;

• TSH +

• text-shadow：0 0 0 ＃000 ;

• TSH：N

• 文字阴影：无;

• LH

• 行高：;

• LTS

• 字母间距：;

• LTS-N

• 字母间距：正常;

• WHS

• 空格：;

• WHS：N

• 空白：正常;

• WHS：P

• 空白：预;

• WHS：NW

• 空白：NOWRAP;

• WHS：PW

• 空白：预缠绕;

• WHS：PL

• 空白：预线;

• WHSC

• 空白崩溃：;

• WHSC：N

• 空白崩溃：正常;

• WHSC：克

• 空白崩溃：保所有;

• WHSC：L

• 白空间合拢：松动;

• WHSC：BS

• 空白崩溃：打破严格;

• WHSC：BA

• 空白崩溃：盈亏所有;

• WOB

• 字断：;

• WOB：N

• 字断：正常;

• WOB：K

• 字突破：保所有;

• WOB：BA

• 字断：盈亏所有;

• WOS

• 字间距：;

• 哇

• 自动换行：;

• 哇：纳米

• 自动换：正常;

• 哇：N

• word-wrap:none;

• wow:u

• word-wrap:unrestricted;

• wow:s

• word-wrap:suppress;

• wow:b

• word-wrap:break-word;

Background

• bg

• background:#000;

• bg+

• background:#fff url() 0 0 no-repeat;

• bg:n

• background:none;

• bgc

• background-color:#fff;

• bgc:t

• background-color:transparent;

• bgi

• background-image:url();

• bgi:n

• background-image:none;

• bgr

• background-repeat:;

• bgr:n

• background-repeat:no-repeat;

• bgr:x

• background-repeat:repeat-x;

• bgr:y

• background-repeat:repeat-y;

• bgr:sp

• background-repeat:space;

• bgr:rd

• background-repeat:round;

• bga

• background-attachment:;

• bga:f

• background-attachment:fixed;

• bga:s

• background-attachment:scroll;

• bgp

• background-position:0 0;

• bgpx

• background-position-x:;

• bgpy

• background-position-y:;

• bgbk

• background-break:;

• bgbk:bb

• background-break:bounding-box;

• bgbk:eb

• background-break:each-box;

• bgbk:c

• background-break:continuous;

• bgcp

• background-clip:padding-box;

• bgcp:bb

• background-clip:border-box;

• bgcp:pb

• background-clip:padding-box;

• bgcp:cb

• background-clip:content-box;

• bgcp:nc

• background-clip:no-clip;

• bgo

• background-origin:;

• bgo:pb

• background-origin:padding-box;

• bgo:bb

• background-origin:border-box;

• bgo:cb

• background-origin:content-box;

• bgsz

• background-size:;

• bgsz:a

• background-size:auto;

• bgsz:ct

• background-size:contain;

• bgsz:cv

• background-size:cover;

Color

• c

• color:#000;

• c:r

• color:rgb(0, 0, 0);

• c:ra

• color:rgba(0, 0, 0, .5);

• op

• opacity:;

Generated content

• cnt

• content:'';

• cnt:n, ct:n

• content:normal;

• cnt:oq, ct:oq

• content:open-quote;

• cnt:noq, ct:noq

• content:no-open-quote;

• cnt:cq, ct:cq

• content:close-quote;

• cnt:ncq, ct:ncq

• content:no-close-quote;

• cnt:a, ct:a

• content:attr();

• cnt:c, ct:c

• content:counter();

• cnt:cs, ct:cs

• content:counters();

• ct

• content:;

• q

• quotes:;

• q:n

• quotes:none;

• q:ru

• quotes:'\00AB' '\00BB' '\201E' '\201C';

• q:en

• quotes:'\201C' '\201D' '\2018' '\2019';

• coi

• counter-increment:;

• cor

• counter-reset:;

Outline

• ol

• outline:;

• ol:n

• outline:none;

• olo

• 概括偏移：;

• OLW

• 轮廓宽度：;

• OLW：TN

• 轮廓宽度：薄;

• OLW：M

• 轮廓宽度：介质;

• OLW：TC

• 轮廓宽度：厚;

• OLS

• 大纲样式：;

• OLS：N

• 大纲样式：无;

• OLS：DT

• 大纲样式：星罗棋布;

• OLS：DS

• 大纲样式：虚线;

• OLS：■

• 大纲样式：固体;

• OLS：DB

• 概括式：双;

• OLS：g ^

• 大纲样式：槽;

• 醇，R

• 大纲样式：脊;

• OLS：我

• 大纲样式：插图;

• OLS：○

• 概括式的：首先，

• OLC

• outline-color：＃000 ;

• OLC：我

• 轮廓色：反转;

表

• TBL

• 表格的布局：;

• TBL：一

• 表格的布局：汽车;

• TBL：F

• 表格的布局：固定;

• CPS

• 带字幕的一面：;

• CPS：T

• 标题侧：顶部;

• CPS：乙

• 标题侧：底部;

• EC

• 空细胞：;

• EC：■

• 空细胞：显示;

• EC：H

• 空细胞：隐藏;

边界

• BD

• 边界：;

• BD +

• 边框：1px solid ＃000 ;

• BD：N

• 边界：无;

• bdbk

• 边境休息：关闭 ;

• bdbk：C

• 边境断：关闭;

• BDCL

• 边界崩溃：;

• BDCL：C

• 边界崩溃：崩溃;

• BDCL：■

• 边界崩溃：独立;

• BDC

• border-color：＃000 ;

• BDC：T

• 边框颜色：透明;

• BDI

• 边界图像：网址（）;

• BDI：N

• 边界图像：无;

• BDTI

• 边框顶部图像：网址（）;

• BDTI：N

• 边框顶部图像：无;

• bdri

• 右边框图像：网址（）;

• bdri：N

• 右边框图像：无;

• bdbi

• 下边框图像：网址（）;

• bdbi：N

• 下边框图像：无;

• bdli

• 左边框的图像：网址（）;

• bdli：N

• 左边框的图像：无;

• bdci

• 边框边角图像：网址（）;

• bdci：N

• 边框边角图像：无;

• bdci：C

• 边框边角图像：继续;

• bdtli

• 边框左上角的图像：网址（）;

• bdtli：N

• 边框左上角图像：无;

• bdtli：C

• 边框左上角图像：继续;

• bdtri

• 边框右上角的图像：网址（）;

• bdtri：N

• 边框右上角的图像：无;

• bdtri：C

• 边框右上角的图像：继续;

• bdbri

• 边框右下角的图像：网址（）;

• bdbri：N

• 边框右下角的图像：无;

• bdbri：C

• 边框右下角的图像：继续;

• bdbli

• border-bottom-left-image:url();

• bdbli:n

• border-bottom-left-image:none;

• bdbli:c

• border-bottom-left-image:continue;

• bdf

• border-fit:repeat;

• bdf:c

• border-fit:clip;

• bdf:r

• border-fit:repeat;

• bdf:sc

• border-fit:scale;

• bdf:st

• border-fit:stretch;

• bdf:ow

• border-fit:overwrite;

• bdf:of

• border-fit:overflow;

• bdf:sp

• border-fit:space;

• bdlen

• border-length:;

• bdlen：一

• 边界长度：汽车;

• BDSP

• 边框间距：;

• BDS

• 边框样式：;

• BDS：N

• 边框样式：无;

• BDS：H

• 边框样式：隐藏;

• BDS：DT

• 边框样式：星罗棋布;

• BDS：DS

• 边框样式：虚线;

• BDS：■

• 边框样式：固体;

• BDS：DB

• 边框样式：双;

• BDS：的DTD

• 边框样式：点划线;

• BDS：dtdtds

• 边框样式：圆点点划;

• BDS：W

• 边框样式：波;

• BDS：g ^

• 边框样式：槽;

• BDS，R

• 边框样式：脊;

• BDS：我

• 边框样式：插图;

• BDS：○

• 边框样式：首先，

• BDW

• 边框宽度：;

• bdt，bt

• 边境顶：;

• BDT +

• border-top：1px solid ＃000 ;

• BDT：N

• 边框顶部：无;

• bdtw

• 边框顶部宽度：;

• bdts

• 边境顶式：;

• bdts：N

• 边境顶式：无;

• 英国属土公民

• border-top-color：＃000 ;

• 英国属土公民：T

• 边框顶色：透明;

• bdr，br

• 右边框：;

• BDR +

• border-right：1px solid ＃000 ;

• BDR：N

• 右边框：无;

• bdrw

• 右边框宽度：;

• bdrst

• 右边框样式：;

• bdrst：N

• 右边框样式：无;

• BDRC

• border-right-color：＃000 ;

• BDRC：T

• 右边框颜色：透明;

• bdb，bb

• 底部边框：;

• BDB +

• border-bottom：1px solid ＃000 ;

• BDB：N

• 底部边框：无;

• bdbw

• 边框底部宽度为：;

• bdbs

• 下边框样式：;

• bdbs：N

• 下边框样式：无;

• bdbc

• border-bottom-color：＃000 ;

• bdbc：T

• 边框底颜色：透明;

• bdl，bl

• 左边框：;

• BDL +

• border-left：1px solid ＃000 ;

• BDL：N

• 左边框：无;

• bdlw

• 左边框宽度：;

• BDLS

• 左边框的风格：;

• BDLS：N

• 左边框风格：无;

• BDLC

• border-left-color：＃000 ;

• BDLC：T

• 左边框颜色：透明;

• 是BDR

• 边界半径：;

• bdtrrs

• 边框右上角半径：;

• bdtlrs

• 边框左上角的半径：;

• bdbrrs

• border-bottom-right-radius:;

• bdblrs

• border-bottom-left-radius:;

Lists

• lis

• list-style:;

• lis:n

• list-style:none;

• lisp

• list-style-position:;

• lisp:i

• list-style-position:inside;

• lisp:o

• list-style-position:outside;

• list

• list-style-type:;

• list:n

• list-style-type:none;

• list:d

• list-style-type:disc;

• list:c

• list-style-type:circle;

• list:s

• list-style-type:square;

• list:dc

• list-style-type:decimal;

• list:dclz

• list-style-type:decimal-leading-zero;

• list:lr

• list-style-type:lower-roman;

• list:ur

• list-style-type:upper-roman;

• lisi

• list-style-image:;

• lisi:n

• list-style-image:none;

Print

• pgbb

• page-break-before:;

• pgbb:au

• page-break-before:auto;

• pgbb:al

• page-break-before:always;

• pgbb:l

• page-break-before:left;

• pgbb:r

• page-break-before:right;

• pgbi

• page-break-inside:;

• pgbi:au

• page-break-inside:auto;

• pgbi:av

• page-break-inside:avoid;

• pgba

• page-break-after:;

• pgba:au

• page-break-after:auto;

• pgba:al

• page-break-after:always;

• pgba:l

• page-break-after:left;

• pgba:r

• page-break-after:right;

• orp

• orphans:;

• wid

• widows:;

Others

• !

• !important

• @f

• @font-face {    font-family:;    src:url(|); }

• @f+

• @font-face {    font-family: 'FontName';    src: url('FileName.eot');    src: url('FileName.eot?#iefix') format('embedded-opentype'),         url('FileName.woff') format('woff'),         url('FileName.ttf') format('truetype'),         url('FileName.svg#FontName') format('svg');    font-style: normal;    font-weight: normal; }

• @i, @import

• @import url();

• @kf

• @-webkit-keyframes identifier {    from { }    to { } } @-o-keyframes identifier {    from { }    to { } } @-moz-keyframes identifier {    from { }    to { } } @keyframes identifier {    from { }    to { } }

• @m, @media

• @media screen {    }

• ac

• align-content:;

• ac:c

• align-content:center;

• ac:fe

• align-content:flex-end;

• ac:fs

• align-content:flex-start;

• ac:s

• align-content:stretch;

• ac:sa

• align-content:space-around;

• ac:sb

• align-content:space-between;

• ai

• align-items:;

• ai:b

• align-items:baseline;

• ai:c

• align-items:center;

• ai:fe

• align-items:flex-end;

• ai:fs

• align-items:flex-start;

• ai:s

• align-items:stretch;

• anim

• animation:;

• anim-

• 动画：名称 持续 时间 - 功能 延迟 迭代 - 计数 方向 填充模式 ;

• animdel

• 动画延迟：时间 ;

• animdir

• 动画方向：正常 ;

• animdir：一

• 动画方向：备用;

• animdir：AR

• 动画方向：交替反转;

• animdir：N

• 动画方向：正常;

• animdir，R

• 动画方向：反向;

• animdur

• 动画持续时间：0秒;

• animfm

• 动画填充模式：两者 ;

• animfm：乙

• 动画填充模式：向后;

• animfm：bt，animfm：bh

• 动画填充模式：两者;

• animfm：F

• 动画填充模式：转发;

• animic

• animation-iteration-count：1 ;

• animic：我

• 动画迭代数：无限;

• animn

• animation-name：none ;

• animps

• 动画播放状态：跑步 ;

• animps：P

• 动画播放状态：暂停;

• animps，R

• 动画播放状态：运行;

• animtf

• 动画定时功能：线性 ;

• animtf：CB

• 动画定时功能：立方贝塞尔（0.1，0.7，1.0，0.1）;

• animtf：电子

• 动画定时功能：缓解;

• animtf：EI

• 动画定时功能：易于在;

• animtf：EIO

• 动画定时功能：易于进出;

• animtf：EO

• 动画定时功能：缓解出;

• animtf：L

• 动画定时功能：线性;

• 美联社

• 外观：$ {无};

• 如

• 对齐自：;

• 作为一个

• 对齐自：汽车;

• 为：B

• 对齐自：基线;

• 如：C

• 对齐自：中心;

• 如：FE

• 对齐自：柔性端;

• 如：FS

• 对齐自：柔性启动;

• 屁股

• ALIGN-自：拉伸;

• BFV

• 背面能见度：;

• BFV：H

• 背面能见度：隐藏;

• BFV：v

• 背面能见度：可见;

• BG：即

• filter：progid：DXImageTransform.Microsoft.AlphaImageLoader（src =' x .png'，sizingMethod =' crop '）;

• 厘米

• / * $ {child} * /

• 科尔姆

• 列：;

• colmc

• 列数：;

• colmf

• 栏填写：;

• colmg

• 列的差距：;

• colmr

• 列规则：;

• colmrc

• 列治色：;

• colmrs

• 列规则式：;

• colmrw

• 列规则宽度：;

• colms

• 列跨度：;

• colmw

• 列宽：;

• d：IB +

• display：inline-block; *显示：内联; * zoom：1;

• FX

• 柔性：;

• FXB

• 柔性基础：;

• FXD

• 弯曲方向：;

• FXD：C

• 挠曲方向：柱;

• FXD：CR

• 挠曲方向：列反向;

• FXD，R

• 挠曲方向：行;

• FXD：RR

• 挠曲方向：行反向;

• FXF

• 柔性流程：;

• FXG

• FLEX-成长：;

• fxsh

• 弯曲收缩：;

• FXW

• 柔性包装： ;

• FXW：N

• 柔性包裹物：NOWRAP;

• FXW：W

• 弯曲缠绕：包裹;

• FXW：WR

• 柔性包裹物：包裹后退;

• JC

• 证明内容：;

• JC：C

• 证明内容：中心;

• JC：FE

• 证明内容：柔性端;

• JC：FS

• 证明内容：柔性启动;

• JC：SA

• 证明内容：空间周围;

• JC：SB

• 证明内容：空间之间;

• 损伤

• 最大分辨率：res ;

• MIR

• 最低分辨率：res ;

• OP +

• 不透明度： ; filter：alpha（opacity =）;

• OP：即

• 滤波器：的progid：DXImageTransform.Microsoft.Alpha（不透明度为100）;

• OP：MS

• -MS-滤波器： '的progid：DXImageTransform.Microsoft.Alpha（不透明度为100）';

• ORD

• 订购：;

• ORI

• 取向：;

• ORI：L

• 方向：景观;

• ORI：P

• 方向：纵向;

• TOV

• 文本溢出：$ {省略号};

• TOV：C

• 文本溢出：剪辑;

• TOV：电子

• 文本溢出：省略号;

• TRF

• 转变：;

• TRF，R

• 变换：旋转（角度）;

• TRF：RX

• transform：rotateX（angle）;

• TRF：RY

• transform：rotateY（angle）;

• TRF：RZ

• transform：rotateZ（angle）;

• TRF：SC

• 变换：scale（x，y）;

• TRF：SC3

• transform：scale3d（x，y，z）;

• TRF：SCX

• transform：scaleX（x）;

• TRF：SCY

• 变换：scaleY（y）;

• TRF：SCZ

• 变换：scaleZ（z）;

• TRF：SKX

• transform：skewX（angle）;

• TRF：天空

• 变换：skewY（角度）;

• TRF：T

• transform：translate（x，y）;

• TRF：T3

• transform：translate3d（tx，ty，tz）;

• TRF：TX

• transform：translateX（x）;

• TRF：TY

• transform：translateY（y）;

• TRF：TZ

• transform：translateZ（z）;

• 的TrFO

• 变换产地：;

• 成绩单

• transform-style：preserve-3d ;

• TRS

• 过渡：支持 时间 ;

• trsde

• 过渡延迟：时间 ;

• trsdu

• 过渡期：时间 ;

• trsp

• 过渡性质：道具 ;

• trstf

• transition-timing-function：tfunc ;

• 我们

• 用户选择：$ {无};

• WFSM

• -webkit-字体平滑：$ {抗锯齿};

• WFSM：一

• -webkit-字体平滑：抗锯齿;

• WFSM：N

• -webkit-字体平滑：无;

• wfsm：s，wfsm：sa

• -webkit-字体平滑：子像素抗锯齿;

• WM

• 写作模式：lr-tb ;

• WM：BTL

• 写作模式：BT-LR;

• WM：BTR

• 写作模式：BT-RL;

• WM：LRB

• 写作模式：LR-BT;

• WM：轻轨

• 写入模式：LR-TB;

• WM：RLB

• 写作模式：RL-BT;

• WM：RLT

• 写模式：RL-TB;

• WM：TBL

• 写入模式：TB-LR;

• WM：TBR

• 写入模式：TB-RL;