AptanaStudioでの開発でEmmetは欠かせない。
最大限に効率を上げるためによく使われる省略記号を列挙しておく。
html
! | <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″ /><title>Document</title></head>
<body>
</body> </html> |
link:css | <link rel=”stylesheet” href=”style.css” /> |
a | <a href=””></a> |
a:link | <a href=”http://”></a> |
br | <br /> |
hr | <hr /> |
hdr | <header></header> |
ftr | <footer></footer> |
mn | <main></main> |
ol+ | <ol> <li></li> </ol> |
ul+ | <ul> <li></li> </ul> |
table+ | <table> <tr> <td></td> </tr> </table> |
tr+ | <tr> <td></td> </tr> |
css
Visual&Formatting | |
pos:a | position: absolute; |
pos:r | position: relative; |
t | top: ; |
t:a | top: auto; |
r | right: ; |
r:a | right: auto; |
b | bottom: ; |
b:a | bottom: auto; |
l | left: ; |
l:a | left: auto; |
fl | float: left; |
fl:n | float: none; |
fl:r | float: right; |
cl | clear: both; |
d:b | display: block; |
d:i | display: inline; |
d:ib | display: inline-block; |
v | visibility: hidden; |
v:v | visibility: visible; |
ov | overflow: hidden; |
zoo, zm | zoom: 1; |
Margin&Padding | |
m | margin: ; |
m:a | margin: auto; |
mt | margin-top: ; |
ml:a | margin-left: auto; |
mr:a | margin-right: auto; |
p | padding: ; |
font | |
f | font: ; |
f+ | font: 1em Arial,sans-serif; |
fw | font-weight: ; |
fw:b | font-weight: bold; |
fz | font-size: ; |
ff:a | font-family: serif; |
Text | |
va | vertical-align: top; |
va:m | vertical-align: middle; |
va:b | vertical-align: bottom; |
va:bl | vertical-align: baseline; |
ta | text-align: left; |
ta:l | text-align: left; |
ta:c | text-align: center; |
ta:r | text-align: right; |
ta:j | text-align: justify; |
td | text-decoration: none; |
tsh:ra | text-shadow: h v blur rgba(0, 0, 0, .5); |
BackGround | |
bg | background: ; |
bg+ | background: #fff url() 0 0 no-repeat; |
bgi | background-image: url(); |
bgr | background-repeat: ; |
bgr:n | background-repeat: no-repeat; |
bgr:x | background-repeat: repeat-x; |
bgr:y | background-repeat: repeat-y; |
Color | |
c | color: #000; |
c:r | color: rgb(0, 0, 0); |
op | opacity: ; |
Tables | |
tbl | table-layout: ; |
tbl:f | table-layout: fixed; |
Border | |
bd | border: ; |
bd+ | border: 1px solid #000; |
bds:n | border-style: none; |
Lists | |
lis | list-style: ; |
lis:n | list-style: none; |
2016年5月14日2:32 AM |カテゴリー:AptanaStudio3,パソコン,知って得する情報
[前の記事] xammpがapacheの起動エラーで動かない [次の記事] Windows10のフォルダ管理