Emmet commonly used abbreviations

The predecessor of Emmet is Zen coding, which uses abbreviations to improve the writing speed of html/css. In particular, all CSS styles are said to have abbreviations, and below I summarize the HTML tags and CSS style abbreviations that are often used by individuals, please refer to the

http://docs.emmet.io/cheat-sheet/

First, the HTML

1. Link:css--Quick introduction of external CSS files

2. Cc:ie--writing in the case of IE

3. SCRIPT:SRC--Quick introduction of external JS file

4. H1{text}--

5. a[href=#]--<a href= "#" ></a>

6. Ul>li.item$*3--

<ul>
<li class= "Item1" ></li>
<li class= "Item2" ></li>
<li class= "Item3" ></li>
</ul>

7. A.link{click}--<a href= "" class= "link" >click</a>

8. INPUT:BUTTON.BTN--<input type= "button" class= "BTN" >

Second, CSS (individuals think more useful than HTML)

1. w100--width:100px;

2. h5p--height:5%;

3. Oh/ovh/ov-h--Overflow:hidden;
ZM1--zoom:1;

4. O0--opacity:0;
op+--opacity:;
Filter:alpha (opacity=);
Op:ie---Ms-filter:progid:dximagetransform.microsoft.alpha (opacity=100);
Filter:progid:DXImageTransform.Microsoft.Alpha (opacity=100);

5. DB--Display:block;
Dib--Display:inline-block;

6. TRF--Transform various compatible
TRF:SC--Transform:scale ();
TRS--Transition
BDRs--Border-radius and various prefixes
Bxsh--Box-shadow

7. BDB--Border-bottom
BDT--Border-top
BDL--Border-left
BDR--Border-right

8. FZ--Font-size
FW--Font-weight
fw400--font-weight:400;
FF--font-family

9. m-10-2-0-12--margin:10px 2px 0 12px;

C#0-color: #000;
CRA--Color:rgba (0,0,0.5);

Bd1-s-red--border:1px solid red;
bd+--border:1px solid #000;
bdb+--border-bottom:1px solid #000;

m0-auto-0--margin:0 auto 0;

lh1.6-line-height:1.6;
VAM--Vertical-align:middle;
TAC--Text-align:center;
TD--Text-decoration:none;
TDU--Text-decoration:underline;
TI--Text-indent

Z10-Z-index:10;

BG--Background
BGC--Background-color
BGSZ:CV--Background-size:cover;
bg+--background: #fff URL () 0 0 no-repeat;

Pos:a-Position:absolute;
Pos:r--position:relative;
Pos:f--position:fixed;

. FL--Float:left;
FR--Float:right;

Curp-Cursor:pointer;

Write so much for the time being, if there is another, then add ~

Emmet commonly used abbreviations