袁奇生

To always face my adversity head on.

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一、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分别以#.前缀表示,可以直接连写;

posted on 2020-01-27 18:45  逼近精进  阅读(8155)  评论(0编辑  收藏  举报