分类归档:前端开发

Brackets的一些emmet命令

安装:brackets.io

安装emmet扩展后才支持以下命令

1.!+”tab”:生成标准html文档结构

2.link+”tab”:生成

<link rel="stylesheet" href="">

3.link:css+”tab”:

<link rel="stylesheet" href="style.css">

4.link:print+”tab”:生成打印样式

<link rel="stylesheet" href="print.css" media="print">

5.link:favicon+”tab”:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

6.style+”tab”:

<style></style>

7.script+”tab”:

<script></script>

8.script:src+”tab”:

<script src=""></script>

9.使用html标签名称+”tab”,自动补齐其余部分

10.html元素简写形式详见:http://docs.emmet.io/cheat-sheet/

11.子元素的嵌套用>:ul>li,ol>li,table>tr>td,

或者使用ul+,ol+,table+,再按tab即可。

12.兄弟元素用+,h3+p

13.向上级别用^

14.多次重复用*

15.群组用()

16.属性操作用[]

17.类序号操作用.类名$,$$,$@-,$@-3

18.编辑点之前切换:(Mac)

上一个:alt+command+←

下一个:alt+command+→

19.css属性选择:(Mac)

上一个:shift+command+,

下一个:shift+command+.

值+1:shift+command+↑

值-1:shift+command+↓

20.快速注释:(Mac)

command+\

 

favicon类型

<link href=”favicon.ico” mce_href=”favicon.ico” rel=”bookmark” type=”image/x-icon” />
<link href=”favicon.ico” mce_href=”favicon.ico” rel=”icon” type=”image/x-icon” />
<link href=”favicon.ico” mce_href=”favicon.ico” rel=”shortcut icon” type=”image/x-icon” />