大家都知道如何调试JavaScript，如果想查看哪个变量，只需要用console.log把它打印出来就行了，但是如果想调试CSS怎么做呢？今天教大家两个方法。
使用outline
大家可以在你们的网站上加上这条语句，看看会有什么效果？
是不是每个元素都可以清楚地看到呢？为什么使用outline而不是border呢？主要是由于它俩有下面几个区别：
- outline不占用空间，除了重叠之外，outline对周围的元素没有任何影响
- 与边框不同，outline不允许我们将每条边设置为不同的宽度，或者为每条边设置不同的颜色和样式。
- 与border不同，outline不会改变元素的大小或位置。
最重要的就是，outline不会使网站元素产生overflow，避免让调试代码影响了正常的显示。
如果觉得上面的outline显示不好看的话，还有下面一种方法。
使用background
设置transparent为0.1，会让重叠元素的背景出现层次感。你可以清楚的看到每一层是什么情况。
最后，你也可以把他们合并起来使用！Happy debugging!!!