如何提升前端代码效率——HTML、CSS缩写自动补全

如何提升前端代码效率——CSS 缩写自动补全

我们在学习前端的时候，是否经常看到视频里的讲师，快速生成 CSS 代码，自己却丈二摸不着头脑；自己写前端的时候，面对重复代码的时候只会复制粘贴，还需要一个个修改 height、width 等特有属性。而以上这一切，都可以通过技巧来实现。

在代码编辑器里输入以下代码后使用 Tab(有提示可以使用 Enter)键即可实现

CSS

Visual Formatting

<

缩写	补全代码
pos	position:relative
pos:s	position:static
pos:a	position:absolute
pos:r	position:relative
pos:f	position:fixed
t	top:
t:a	top:auto
r	right:
r:a	right:auto
b	bottom:
b:a	bottom:auto
l	left:
l:a	left:auto