一、web浏览器
1、刷新网页 F5
二、VS Code 常用快捷键
1、快速生成HTML代码
首先,建立一个空文档,选择编程语言为HTML;
其次,按下!(英文状态下),再按下tab键,就可以了。也可以html:5
2、注释:
单行注释:ctrl+/, 注释后再按取消;取消单行注释:alt+shift+A 注释后再按取消
3、移动行
向上移动一行:alt+up;向下移动一行:alt+down
4、显示/隐藏左侧目录栏
ctrl + b
5、复制当前行
向上复制一行:shift+alt+up;向下复制一行:shift+alt+down
6、删除当前行
shift + ctrl + k
7、控制台显示隐藏
ctrl + ~
8、查找文件
ctrl + p
9、代码格式化
shift + alt +f
10、新建窗口
ctrl + shift + n
11、竖直的列光标,同时可以选中多列
11.1按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加。
11.2按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列。
11.3也可以:按住Ctrl + Alt,再按键盘上向上或者向下的键,可以使一列上出现多个光标。
三 、Emmet基本符号说明
> 子级;
() 子级选择器,与>的不同是:>仅能跟一个,()可以有多个子级;
+ 连接符,如header+main+footer或者table>(thead>tr>th*5)(tbody>tr>td*5),或者nav>ul>(li>a[href=#]{Link})*5;
^ 返回上一级,例如div+div>p>span+em^bq等同于
<div></div>
<div>
<p><span></span><em></em></p>
<blockquote></blockquote>
</div>
div+div>p>span+em^^^bq等同于
<div></div>
<div>
<p><span></span><em></em></p>
</div>
<blockquote></blockquote>
* 后面紧跟一个整数,声明输出数量,下面有示例;
$ 变量占位符,一般写在*之前,下面有示例;
@ 站位变量的偏移符号,下面有示例;
[ ] 可以在方括号里写属性及其值,如果单个属性有多个值,应该以双引号引起来;
{ } 文本符号,例如: a{点我}等于<a href="#">点我</a>;a[href=http://wikipedia.org]{维基百科}
在CSS中,ID和CLASS分别以#和.前缀表示,可以直接连写;