如何在PSD文件中显示CSS的确切距离？

Question

我是将PSD转换为HTML，CSS的新手。我遇到了让我累了几天的问题，它是关于将photoshop文件中的元素与CSS对齐。这是psd文件中的一个列表，我想把它带到HTML，CSS表单：

我使用标尺工具，列表之间的距离为13像素，字体大小为12像素。

以下是我在HTML中创建此列表的代码：

HTML：

<div id="categories">
  <ul id="list-cate">
    <li><a href="#">DRESSES</a></li>
    <li><a href="#">ACCESSORIES</a></li>
    <li><a href="#">TOPS</a></li>
    <li><a href="#">HANDBAGS</a></li>
    <li><a href="#">LINGERIE</a></li>
  </ul> </div>

CSS：

#categories {
    width: 225px;
    background-color: #fff;
    font-family: Tahoma;
    font-size: 12px;
    padding-top: 18px;
}

#list-cate {
    padding-left: 25px;
}

#list-cate li {
    margin-bottom: 13px;
}

但是当我在Firefox中运行它时，使用Measure插件，我看到它显示：

我不知道为什么PSD和CSS之间的距离错误。任何人都可以给我一个答案，谢谢!!

Answer 1

在＃list-cate的css中添加margin：0;

#list-cate { margin:0;}