使用浏览器工具调试学习网页

1、打开网页  https://www.w3school.com.cn/tiy/t.asp?f=eg_html_imglink，作为学习调试例子。

2、按F12键，进入浏览器的调试状态。或者按照下图打开浏览器的开发者工具。

 3、按照下图选中要调试的HTML元素

   ①点击选中“1”处的选取元素

   ②点击“2”处的“运行代码”。出现调试状态下的“代码区”、“CSS区”和“盒模型”区。

   ③可以看到HTML元素“运行代码”对应的代码是

<a οnclick="submitTryit()" title="更改主题">运行代码</a>

   不是按钮，是个链接。

   ④滚动CSS区的滚动条，找到CSS所示的CSS代码。

4、点击复选框里的对号，观察变化。

5、屏蔽CSS的height属性的变化如下