您当前的位置: 首页 >  前端

HM-hhxx!

暂无认证

  • 3浏览

    0关注

    123博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

前端学习第四课(开发技巧)

HM-hhxx! 发布时间:2022-01-03 10:35:06 ,浏览量:3

1.快速生成html5模板

输入`!`或者`html:5`,然后按下tab键即可

 

2.快速注释

ctrl+/

3、任意一个html标签输入都会生成完整的闭合标签

例如输入aTab或回车,生成如下

 

 

4、生成带有id、class的HTML标签

1.)使用#生成id属性,例如输入div#header则生成:

2.)使用.生成class属性,例如输入div.section则生成:

3.)结合使用例如输入div#header.section则生成:

5、使用>生成后代标签

例如输入div.header>h3,则生成 :

       

 

6、使用+生成兄弟标签

例如输入h1+h2+h3,则生成

        

       

       

7、使用^生成上级标签:

例如输入.menu>h3>a^p,则生成:(等同于,menu>((h3>a)+p)

   

       

       

   

.menu>h3>a^^p,则生成:

       

   

   

8、使用*重复生成多个标签

例如输入dib*5,则生成:

 

   

   

   

   

   

9、使用$生成递增的属性标签

输入#cart$*5,则生成:

   

   

   

   

   

按照特定顺序生成,输入div#cart$$$@456*5,则生成:

   

   

   

   

   

按照逆序生成,输入#cart$@-5*3,则生成:

   

   

   

10、使用[]生成自定义属性

输入 #cart>a[href=http://baidu.com],则生成:

   

11、使用{}生成文本内容

例如输入#cart>a[href=http://baidu.com][title=点击进入百度]{百度}则生成:

百度

12、综合使用

   

   

跳转链接1

   

跳转链接2

   

跳转链接3

   

跳转链接4

   

跳转链接5

13、VSCODE快捷键

格式化shift+alt+f

查找ctrl+f

查找替换: Ctrl+H

文件之间切换: Ctrl+Tab

撤销上一步操作: Ctrl+Z

下一步Ctrl+Y

手动保存: Ctrl+S

关注
打赏
1663160980
查看更多评论
立即登录/注册

微信扫码登录

0.2724s