VSCode的一些小操作(二)——快速生成HTML,CSS代码

VSCode的一些小操作(二)——快速生成HTML,CSS代码生成固定结构 新建的 html 文件是什么内容都没有的空文件 每次新建之后我们都要写那一坨一模一样的固定结构 但是又懒得去记那十几行的东西在 VSCode 中编辑 html 文件只需要输入一个感叹号 英文的 然后一回车就可以自动生成这个固定结构了 然后生成之后光标的位置是在 width 那里 按 Tab 键可以将光标跳转到下一个位置当然也可以直接用鼠标点注释 按 Ctrl 可以直接

生成固定结构:

注释:

Ctrl + \ 可以直接添加注释,如图所示:
单行:
在这里插入图片描述

多行:
在这里插入图片描述

接下来是本篇的核心内容:

HTML部分:

生成标签直接输标签名回车即可:
在这里插入图片描述

生成多个相同标签输标签名之后输个*后面加上个数:
在这里插入图片描述
父子级关系的标签用>连接:
在这里插入图片描述
在这里插入图片描述
兄弟关系的用+连接:
在这里插入图片描述





带有类名或id名的:
在这里插入图片描述

标签内部有内容的内容用{}括起来:
在这里插入图片描述
自增符号$:
在这里插入图片描述
在这里插入图片描述



CSS部分:

敲的时候直接敲缩写就好:
在这里插入图片描述

上一篇小操作的链接:

VSCode的一些小操作

下一篇小操作的链接:

VSCode的一些小操作(三)——同时更改所有相同的变量名或类名

如果有想给VSCode设置背景图片但是还不知道要怎么设置的可以去看一下我的另一篇文章:

VSCode设置背景图片的两种方式
ヾ(≧∪≦*)ノ〃
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230539.html原文链接:https://javaforall.net

(0)
上一篇 2026年2月17日 上午10:01
下一篇 2026年2月17日 上午10:22


相关推荐

  • OutOfMemory及其解决方法「建议收藏」

    一、内存溢出类型1、java.lang.OutOfMemoryError:PermGenspaceJVM管理两种类型的内存,堆和非堆。堆是给开发人员用的上面说的就是,是在JVM启动时创建;非堆是留给JVM自己用的,用来存放类的信息的。它和堆不同,运行期内GC不会释放空间。如果webapp用了大量的第三方jar或者应用有太多的class文件而恰好MaxPermSize设置较小,

    2022年4月10日
    724
  • Linux内核中的软中断、tasklet和工作队列具体解释

    Linux内核中的软中断、tasklet和工作队列具体解释

    2022年3月6日
    54
  • Eclipse背景颜色修改

    Eclipse背景颜色修改Eclipse背景颜色修改: 操作界面默认颜色为白色。对于我们长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以我经常会改变workspace的背景色,使眼睛舒服一些。设置方法如下: 1、打开window->Preference,弹出Preference面板 2、展开General标签,选中Editors选项,展开。 3、选中TestEditors,右边出现Test

    2022年6月20日
    28
  • 【规划】RRT*算法图解

    【规划】RRT*算法图解尽管 RRT 算法是一个相对高效率 同时可以较好的处理带有非完整约束的路径规划问题的算法 并且在很多方面有很大的优势 但是 RRT 算法并不能保证所得出的可行路径是相对优化的 因此许多关于 RRT 算法的改进也致力于解决路径优化的问题 RRT 算法就是其中一个 RRT 算法的主要特征是能快速的找出初始路径 之后随着采样点的增加 不断地进行优化直到找到目标点或者达到设定的最大循环次数 RRT 算法是渐进优化的

    2026年3月16日
    1
  • Python—-pywin32如何获取窗口句柄

    Python—-pywin32如何获取窗口句柄Python—-pywin32如何获取窗口句柄一:介绍要用到的库二:显示窗口的属性1.获取所有窗口的句柄2.获取窗口的子窗口句柄3.获取句柄的标题4.获取窗口类名三、实际操作1.置顶和取消2.显示和隐藏窗口四、案例演示显示和隐藏托盘halo,各位读者,本栏目开设一个围绕着“如何用Python来制作PC软件”展开。当我们想用处理Windows的软件窗口时,常常会碰到想将窗口置顶、隐藏和显示等等,还有读者想将电脑托盘、任务栏等都隐藏的情况。本篇文章就是带领读者学习窗口句柄,并且如何应用Python带的

    2022年7月21日
    222
  • 关于iPhone多点触控

    虽然这个问题很简单,但是对于我这接触两天的菜鸟来说也弄了很久,网上又找不到相关的解决方法,避免其他人和我一样,还是记录一下一般网上找到的教程是这么教:-(void)touchesBegin:(NSS

    2021年12月20日
    52

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号