如何使用某些工具检测图像的CSS属性

时间:2016-09-28 06:40:24

标签: html css user-interface adobe ui-design

我是一名UI开发人员。我的问题是假设我已经从客户端提供了一个图像,现在使用这个图像可以检测到它的CSS属性,即特定区域中使用的字体大小,颜色,宽度,边距,填充等等是什么adobe Photoshop等软件或工具。

如果是,我可以获得一些链接或教程如何做到这一点。

任何帮助都很明显。

谢谢!!!

2 个答案:

答案 0 :(得分:1)

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

查看教程,请查看https://developer.chrome.com/devtools

答案 1 :(得分:0)

您可以使用Photoshop的标尺和指南(Gimp也可以这样做)来测量宽度和边距等内容。

至于字体大小,我只需在Photoshop中创建一个文本图层,将其放置在图像中的文本上方,然后按照大小进行观察。

编辑:根据要求,这里有一些有用的链接: