VScode写前端快捷方式

a*5= <a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a>(不知道跳转到什么位置href=""中要写*，例如href="#")

---

a{导航}*5= <a href="">导航</a><a href="">导航</a><a href="">导航</a><a href="">导航</a><a href="">导航</a>(不知道跳转到什么位置href=""中要写*，例如href="#")

---

a{导航$}*5=<a href="">导航1</a><a href="">导航2</a><a href="">导航3</a><a href="">导航4</a><a href="">导航5</a>(不知道跳转到什么位置href=""中要写*，例如href="#")

---

同时选中几行填写同一个数据，按住alt+shift

---

w100+h100= width: 100px; height: 100px;

---

文字水平居中：

tac= text-align: center;

文字垂直居中：

lh=line-height: ;

背景色：

bgc= background-color: ;

边框线（四周） ：

bd=border: 1px solid #000;（线粗为1px，实线，黑色）

边框线（左边有边框线） ：

bdl=border-left: 1px solid #000;（线粗为1px，实线，黑色）

去掉下划线：

tdn= text-decoration: none;

背景图片：

bgi= background-image: url();

---

加宽高不生效就要转显示模式

display: inline-block;行内块模式

margin是外边框 盒子与盒子之间的距离

padding是内边距 文字与盒子边的距离

加了border和padding不需要手动做减法

box-sizing: border-box;

版心居中：

margin：0 auto;

去掉列表符号：

list-style: none;

选中任意一个列表：

li:nth-child(n){ }(n为想选中的第几个列表，公式也可以，比如2n+1是选中奇数)

外边距塌陷：

采用margin增加内部盒子的距离，会使外部盒子向下移动，造成塌陷

采用padding或者border来增加距离

或者overflow:hidden

或者转换成行内块元素 display: inline-block;