过去写前端HTML页面时都是傻乎乎地一个一个敲,后来看网课发现别人用快捷键来生成标签,于是来学习一下
1.简单生成一个元素
打上标签名然后Tab
div + Tab
<div></div>
2.镶嵌元素
div>table>tr>td + Tab
<div> <table> <tr> <td></td> </tr> </table> </div>
3.多个元素
table>tr*3>td*2 + Tab 三行两列
<div> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </div>
4.同级标签
div+span
<div></div> <span></span>
5.属性
div.name+div#age
其实就是标签选择的的标识:.用于选择类,#用于选择ID
<div class="name"></div> <div id="age"></div>
6.自定义属性
a[href="#"]
其实这个就有点麻烦了,和直接写差不多
<a href="#"></a>
7.元素编号
ul>li.item$*5
扫描二维码关注公众号,回复:
1647511 查看本文章
<ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul>
8.添加文本
a{chick me}
<a href="">chick me</a>