大家都知道如何调试JavaScript,如果想查看哪个变量,只需要用console.log把它打印出来就行了,但是如果想调试CSS怎么做呢?今天教大家两个方法。
使用outline
大家可以在你们的网站上加上这条语句,看看会有什么效果?
是不是每个元素都可以清楚地看到呢?为什么使用outline而不是border呢?主要是由于它俩有下面几个区别:
最重要的就是,outline不会使网站元素产生overflow,避免让调试代码影响了正常的显示。
如果觉得上面的outline显示不好看的话,还有下面一种方法。
使用background
设置transparent为0.1,会让重叠元素的背景出现层次感。你可以清楚的看到每一层是什么情况。
最后,你也可以把他们合并起来使用!Happy debugging!!!
| 留言与评论(共有 0 条评论) “” |