工具的使用

Chrome调试工具

使用调试工具

1. ctrl+滚轮可以改变代码的大小
2. 左边是结构，右边是样式
3. css样式可以直接改动数值和查看颜色
4. ctrl+0复原浏览器的大小
5. 若点击元素，发现右侧没有样式引入，则可能是类名或者样式引入错误；若有样式，但样式前面有黄色叹号，则说明其属性书写错误

emmet语法

对于HTML结构的使用

1. 生成标签:输入标签名按tab建，如div+tab键，得到<div></div>
2. 生成多个相同的标签：加上*，如div*3得到3个<div></div>
3. 父子级标签：用>，如ul>li
4. 兄弟级标签：用+，如div+p
5. 带有类名或id名：直接写.demo或者#two tab键
6. 若生成的div类名有序：自增符号$
7. 生成的标签内写内容：{}

对于css样式的使用

使用简写的形式

快速格式化代码（vs中）

快捷键shift+ait+f
设置保存自动格式化：
新版本vscode：在设置中找到format on save，打勾就行

snipaste的使用【截图工具】

• 快捷方式

1. F1截图，同时测量大小，书写文字，设置箭头
2. F3在桌面置顶显示
3. 点击图片alt可以取色
4. 按下esc取消图片显示

下载的镜像网站

清华网站：https://mirrors.tuna.tsinghua.edu.cn/