html:5+tab键,可以生成html标签。!+tab键,也可以生成html标签。=====================================================================meta:utf + tab键,可以生成utf8的字符设置标签。<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">=====================================================================meta:compat + tab键,可以生成兼容ie的标签。<meta http-equiv="X-UA-Compatible" content="IE=7"><meta http-equiv="X-UA-Compatible" content="IE=edge">=====================================================================meta:vp + tab键,可以生成页面缩放的标签。<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> ========================================================================link:css + tab键,生成引入css文件的标签<link rel="stylesheet" href="style.css">==========================================================================script:src + tab键,生成js标签<script src=""></script>===========================================================================生成带类样式的标签:p.info + tab键,生成p标签,类名字是info。<p class="info"></p>
.red + tab键,生成div标签,类名字是red,div是默认标签,可以省略。<div class="red"></div>==================================================================生成带Id样式的标签:p#info + tab键,生成p标签,Id名字是info。<p id="info"></p>================================================================生成同级兄弟标签,用加号:h1.info+p.red + tab键。<h1 class="info"></h1><p class="red"></p>================================================================生成后代标签,用>号:ul>li + tab键<ul> <li></li></ul>===================================================================生成父级标签,用^号:ul>li^span + tab键<ul> <li></li></ul><span></span>
===================================================================
生成标签时,生成文字:a{php中文网}<a href="">php中文网</a>=======================================================生成多个标签,用*号:ul>li*3<ul> <li></li> <li></li> <li></li></ul>=====================================================添加标号或排序,用$符号,@符号:示例一:ul>li*3>span{第$个} + tab键<ul> <li><span>第1个</span></li> <li><span>第2个</span></li> <li><span>第3个</span></li></ul>
示例二(两位数字,不足两位补0):ul>li*3>span{第$$个} + tab键<ul> <li><span>第01个</span></li> <li><span>第02个</span></li> <li><span>第03个</span></li></ul>
示例三(倒序):ul>li*3>span{第$@-个} + tab键<ul> <li><span>第3个</span></li> <li><span>第2个</span></li> <li><span>第1个</span></li></ul>
示例四(指定开始值):ul>li*3>span{第$@100个} + tab键<ul> <li><span>第100个</span></li> <li><span>第101个</span></li> <li><span>第102个</span></li></ul>========================================================
转载于:https://www.cnblogs.com/gyfluck/p/10103789.html
