持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第17天，点击查看活动详情
-
边框border
-
作用：设置的是内边距外面的边界区域，作为盒子的实体化的最外层
-
属性值：由三个值组成，分为线的宽度、线的形状、线的颜色
-
可以写复合属性 border: 10px solid #f00;
-
也可以写单一属性：border-width、border-style、border-color
-
border-width、border-style和border-color与padding类似，有四个方向的值，所以有复合型和单一型，复合型有四种书写方式
-
也可以根据方向和类型进一步细分：border-方向-类型：border-right-color: #0f0;
-
border-style的属性值类型：
-
-
外边距margin
-
作用：设置的是盒子与盒子之间的距离
-
特点：不能渲染背景
-
属性值：常用px为单位的数值
-
外边距的设置方式与内边距padding一模一样
-
-
在书写网页时，因为body标签本身带有外边距和内边距默认值，会导致写的内容不会与浏览器页面最上面等齐。
-
vscode的一些快捷键（个人整理）
-
将光标放在一个位置，按住Alt+Shift并点击左键可以矩形选择
-
在输入时，想垂直向下增加光标，可以将光标放在一个位置，按住Ctrl+Alt在进行方向键选择即可
-
选中所需要选择的内容，按住Ctrl+Shift+L可以选择所有重复内容
-
Ctrl+K+Ctrl+T：选择主题
-
Ctrl+空格：显示提示输入
-
Shit+Alt+方向键：复制光标所在的当前行，方向键表示向上还是向下
-
Alt+方向键：移动光标所在的当前行，方向键表示向上还是向下
-
Shift+Alt+F：对代码进行重新排版
-
Ctrl+Alt+[：折叠光标所在行的代码，]为打开
-
Ctrl+K+Ctrl+0：折叠所有标签
-
Ctrl+K+Ctrl+J：打开所有标签
-
Ctrl+,：设置
-
Ctrl+B：隐藏或显示侧边栏
-
Ctrl+R：打开最近编辑的文件
-
Shift+Alt+I：先选中多行然后进行输入内容
-
Ctrl+D：依次向下选择相同的内容
-
Ctrl+G：快速跳转行
-
Ctrl+X或Ctrl+Shift+K：删除一整行
-
Ctrl+L：选中当前行
-
Ctrl+Enter：可以快速换行
-
Ctrl+C：不选择状态下复制整行，粘贴到光标所在的前一行，并且会自动创建一行
-
Ctrl+Shift+Home/End：删除光标左侧/右侧内容
-
Ctrl+Backspace：删除上一此输入的单词
-
Ctrl+G+数字：跳转到指定行
-
Ctrl+Shift+\：跳转到匹配的括号
-
