Emmet基本操作
1413 ワード
Emmet基本操作
Emmetはsublimeに専用のプラグインがあり、インストールリファレンスがあり、VscodeとAtomには内蔵ツールがあります.
一字です.早く.2文字、効率.
dom生成
次は奇跡を目撃する時だ.
1希望するラベルを入力:h2
次にtab
を押します.
h2
2 像css的格式输入对应的id,class类或者内容{},输入:
p#app.main{Hello World}
tab
:Hello World
3 cssのようなフォーマットで、属性[]を入力します.
a[href="http://www.jianshu.com/p/c1e3b96c1293"]{ }
tab
:フロントエンド コレクタ
4マスターコントロール用
>
サブコントロール指向、パラレルコントロール用+
div
省略可能:.wrapper>h1{hello}+.content
tab
:
hello
5 多个并列控件同时生成(注意:加入括号保证优先级),输入:
ul>(li>a)*4
tab
:
html初期化
html:5
または!
:HTML用5文書タイプhtml:xt
:XHTML用遷移文書タイプhtml:4s
:HTML 4用厳格文書タイプ