具有可重用CSS类名的语义和非语义标记

Question

我只想问一个问题，即我目前创建类名的方法是否是一个糟糕的主意。让我解释一下。

我是一名热爱PHP的网页设计师/应用程序开发人员，可以快速创建功能齐全，功能强大的高级PHP Web应用程序。我喜欢创建一个初始模板，然后在浏览器中设计我的应用程序;当在PHP中将新的页面/ html结构写入页面时。

如何让我的网页看起来很棒！

为了生成PERFECT垂直的rythym I user drewish vertical rythym claculator，它生成了段落和标题之间的完美间距。然后我创建以下类：

.noTop {
    margin-top:0px;
}

.lgTop {
    margin-top: ( WHATEVER MY <h1> margin top is )
}    

.mdTop {
    margin-top: ( WHATEVER MY <h2> margin top is )
}

etc...

我现在有了每个课程，我需要通过吐出HTML并将类添加到看起来不合适的元素来创建一个完美的垂直rythym网站。这确实对我有用，并确保一切都将匹配，同时只使用几个类名。此外，当另一位具有未经设计的设计眼睛的开发人员参与该项目时，我可以确保他将创建间距。

我的问题是，这真的是为Vertical Rythym做事的可怕方式吗？一个示例案例如下：

<h1>This is a heading</h1>
<h3 class="noTop">This is a perfectly sized & spaced sub line</h3>
<p>Example Text</p>

<img class="mdTop"  //Image that site perfectly under paragraph.

先谢谢大家。这种方法适合我，但我知道它不是最好的。使用这个我可以非常快速地创建原型。我不应该这样做有一个很大的原因吗？