如何使用一些工具检测图像的 CSS 属性答案

【问题标题】：How to detect CSS property of an image using some tools如何使用一些工具检测图像的 CSS 属性
【发布时间】：2017-02-05 23:29:02
【问题描述】：

我是一名 UI 开发人员。我的问题是假设我已经从客户端提供了一张图片，现在使用这张图片是否可以检测其 CSS 属性，即特定区域中使用的字体大小、颜色、宽度、边距、填充等通过一些adobe Photoshop等软件或工具。

如果可以，我可以获取一些有关如何操作的链接或教程。

任何帮助都是可观的。

谢谢！！！

【问题讨论】：

【解决方案1】：

如果您想在 chrome 中检测 css 属性，请右键单击要查看其 css 属性的元素，然后进行检查，您将在开发人员的右侧看到与该元素关联的所有 css 样式打开的工具窗口。个人提示，单击样式右侧的计算机选项卡可以轻松了解实际渲染的内容。

【讨论】：

OP 想要检查图像的字体大小等。chrome 开发者工具只允许你检查 HTML 网页而不是图像。
啊，由于提到了 css，我错过了理解这个问题，如果 OP 想要检测图像中的字体，那么尝试 myfonts.com/WhatTheFont 我之前有混合结果，至于类似的事情填充和边距，只需使用 Photoshop 中的指南或您选择的图像编辑软件来获取测量值。

【解决方案2】：

您可以使用 Photoshop 的标尺和参考线（Gimp 也可以这样做）来测量宽度和边距等内容。

至于字体大小，我只需要在 Photoshop 中创建一个文本图层，将其放置在图像中的文本上方，然后用眼球观察它的大小。

编辑：根据要求，这里有一些有用的链接：

【讨论】：