html字号调试怎么设置,如何调试css？

CSS调试就是检查为什么我写的CSS规则没有生效。css调试工具一般是PC端的chrome浏览器的chrome-dev，以及firebox的firebug工具。

使用css调试工具调试css方法讲解：

1、如果考虑某一CSS属性是否有效果，或者在原有的基础上，添加一条、两条CSS规则，使用chrome-dev最方便，因为只要鼠标点击一下，而且还有CSS规则的提示功能，好用。如下图所示：

2、如果需要实时让CSS规则是否生效，在chrome和firefox中都很方便，下图给出在chrome的截图：

3、如果需要大规模的书写CSS规则，并且实时看到效果，我推荐Web Development和Toggle Web Development Toolbar，真心好用。在CSS菜单下面有编辑CSS菜单，在里面编写的CSS规则，你可以实时看到效果。

4、有时，需要分离问题，去除其它影响因素，此时需要复制一段html代码进行单独分析，这个功能在firefox和chrome中都有，下图是chrome的使用截图。

5、调试的时候，可能会通过设置DOM元素的border、background-color、outline，此处推荐使用outline，因为使用border可能会影响布局。下面是一个简单的事例代码：.css-debug{outline:1px dashed red;}