浏览器自带的功能：显示元素自有属性，拾色器，调试等

学习网页制作有好几年了，今天才发现浏览器自带的功能真不少，今天有学生问我一个问题，说他为什么设置图片宽度100%还是占不了整个页面。这个问题的答案我是知道的，就是body默认的外边距不是0，解决方法就是使用css，把body元素的边距填充设置为0.
body{
margin:0;
padding:0;
}
问题到这儿也就结束了，只是这么多年我也没深究过body元素默认的外边距到底是多少，今天忽然很想知道，于是试着使用了浏览器的检查功能，发现果然有答案：

选中body元素，可以很清楚地看到右侧body自带的css样式，margin的外边距是8像素。
另外，浏览器自带拾色器功能。

还有，在学习text-shadow、box-shadow等属性的时候，因为水平距离、垂直距离、模糊半径等属性不太好理解，此时借助浏览器的调试工具，可以动态更改这些属性值，可以非常方便地发现其变化，有助于理解这些属性的含义。