0011 开发者工具（chrome）

此工具是我们的必备工具，以后代码出了问题

我们首先第一反应就是：

• “按F12”或者是 “shift+ctrl+i” 打开 开发者工具。
• 菜单： 右击网页空白出---检查

• 通过开发人员工具小指针工具，查找页面元素
• 左侧是html页面结构，右侧是css样式

小技巧：

1. ctrl+滚轮 可以 放大开发者工具代码大小。
2. 左边是HTML元素结构 右边是CSS样式。
3. 右边CSS样式可以改动数值和颜色查看更改后效果。
4. ctrl + 0 复原浏览器大小