Web快速输入标签
2024-09-05 20:08:58
在书写web代码的时候,掌握一些快捷输入方式不仅可以提高效率,还能省不少力气。
1. > :下一个子标签,如 div>p 加Tab达到:
<div><p></p></div>
2.*:批量产生多个,如div*3、div>p*6;
3.div{}:标签的内容,如:div{hello!}加Tab达到:
<div>hello!</div>
4.div#:选择器属性,如div#abc加Tab达到:
<div id="abc"></div>
5.div.:选择器属性,如div.abc加Tab达到:
<div class="abc"></div>
6.输入 a[href=#] 按tab键:
<a href="#"></a>
7.输入:ul.menu>li*6>a[href=#]{HTML} 按tab键:
<ul class="menu">
<li><a href="#">HTML</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">HTML</a></li>
</ul>
8.输入 ul>li*5>a[href=#]{我是第$个} 再按tab键:
<ul>
<li><a href="#">我是第1个</a></li>
<li><a href="#">我是第2个</a></li>
<li><a href="#">我是第3个</a></li>
<li><a href="#">我是第4个</a></li>
<li><a href="#">我是第5个</a></li>
</ul>
9.引入css link:css 加tab键:
<link rel="stylesheet" href="css/mycss.css">
10.引入js script:src 加tab键:
<script src=""></script>
11.input:button 加tab键:
<input type="button" value="">
最新文章
- IBAction和IBOutlet
- Study plan for automation test framework
- 如何在IE8设置透明背景
- arrays.xml文件中添加drawable数组的问题
- Python:IOError: image file is truncated 的解决办法
- size_type、size_t、differentce_type以及ptrdiff_t
- RTNETLINK answers: File exists错误
- Microsoft.SharePoint.Security的问题
- hust-1024-dance party(最大流--枚举,可行流判断)
- 从零开始学习前端JAVASCRIPT — 2、JavaScript基础ES5
- php对某个页面设置基础认证登录设置
- 【HNOI 2018】转盘
- Access restriction 问题解决
- javascript闭包—围观大神如何解释闭包
- 面向对象的轮播js
- [游记] HEOI2018酱油记
- 简单ssh建立 (paramiko)
- wamp 安装monggo扩展
- HDU 4522 (恶心建图)
- DS作业01--日期抽象数据类型设计与实现