emmet commands

emmet_cheatsheet.md

HTML

ul>lorem3#item$*10

p*5>lorem

table

table>thead>tr>lorem1*3^^+tbody>tr*5>lorem1.classe#item$*3

---

! ou html:5

meta:utf

link:css

script:src

div#id_div.my_class

div.my_class1.my_class2

nav.navbar>ul>li*3

div>ul>li.item$*3

header>div.row>div>h1+h2+p

.class

ul>.class

table>.row>.col

a

img

form:post

label

input

inp

input:s

btn:s

hdr

ftr

table+

tr+

header>div.row>(div.col-sm-6>p)+div.col-sm-6>p

CSS

Visual Formatting

|-----------|---------------------|
| pos       | position: relative; |
| pos:a     | position: absolute; |
| t         | top:  ;             |
| t:a       | top: auto;          |
| r         | right:  ;           |
| b         | bottom:  ;          |
| d:n       | display: none;      |

Margin & Padding

|       |               |
|-------|---------------|
| m     | margin: ;     |
| m:a   | margin: auto; |
| mt    | margin-top: ; |
| p     | padding: ;    |

Box Sizing

|     |               |
|-----|---------------|
| w   | width: ;      |
| h   | height: ;     |
| maw | max-width: ;  |
| mah | max-height: ; |
| miw | min-width: ;  |
| mih | min-height: ; |

Text

|      |                        |
|------|------------------------|
| ta:c | text-align: center;    |
| td:n | text-decoration: none; |

Background

|      |                                       |
|------|---------------------------------------|
| bg   | background: #000;                     |
| bg+  | background: #fff url() 0 0 no-repeat; |
| bgc  | background-color: #fff                |

Border

|       |                         |
|-------|-------------------------|
| bd    | border: ;               |
| bd+   | border: 1px solid #000; |
| bd:n  | border: none;           |