最好的CSS工具

Question

什么是我可以使用的最好的免费css工具，最好是firefox，chrome或IE的扩展？我想悬停鼠标或点击网页的某些部分，它会告诉我确切的颜色设置在哪里，边距实际上是在css文件中设置的等等....谢谢！

Answer 1

Firefox和＆amp; Chrome随附您正在申请的开发工具。

在任一浏览器中按 CMD / CTL + SHIFT + I 或右键单击以检查元素

两个左侧面板都是DOM结构，右侧面板是CSS。

水平面板中的悬停元素将显示填充（绿色）和边距（红色）

您还可以在右侧面板中更改CSS值并实时查看结果。

Chrome开发工具 -

了解Chrome Dev Tools

<小时/>

Firefox开发工具

了解Firefox Dev Tools