【问题标题】:Best CSS tool to use [closed]使用的最佳 CSS 工具 [关闭]
【发布时间】:2014-09-10 04:44:47
【问题描述】:

我可以使用的最好的免费 css 工具是什么,最好是 firefox、chrome 或 IE 的扩展?我想将鼠标悬停或单击网页的某些部分,它会告诉我设置颜色的确切位置、css 文件中实际设置的边距等...谢谢!

【问题讨论】:

  • 开发者工具可以做到这一点。检查元素
  • 如今,大多数现代浏览器都内置了专门为开发人员准备的工具。
  • 你可以试试firebug

标签: css google-chrome browser firefox-addon


【解决方案1】:

Firefox 和 Chrome 都附带您要求的开发工具。

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

两者的左侧面板是 DOM 结构,右侧面板是 CSS。

关卡面板中的悬停元素将显示填充(绿色)和边距(红色)

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

Chrome 开发工具 -

了解Chrome Dev Tools


Firefox 开发工具

阅读Firefox Dev Tools

【讨论】:

  • 在 Firefox 中使用 Ctrl + Shift + C 打开检测器,然后你可以用鼠标点击任意位置会告诉你颜色等
  • @Noitidart,要补充的好点,更新了我的详细答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-12-31
  • 1970-01-01
  • 2010-12-13
  • 1970-01-01
  • 2017-05-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多