我试图将设计复制到HTML / CSS中。问题是网站中的文本在两种不同的颜色，多种字体大小和不同的字体权重之间变化。此外，文本可以单独使用，也可以在一行中使用多种类型。
我在下面提供了一个示例..这些字体样式在整个网站上使用。
所以我的问题。在CSS / HTML中设置样式的“正确”方法是什么？目前我正在使用多个类的颜色，大小和重量..它似乎到处都是。第二个问题是一些元素需要各自独立。什么是结束一条线的正确方法？
或将其变成块状元件？
提前致谢..
答案 0 :(得分：5)
所以我的问题。会是什么 “正确”的方式来塑造这些 CSS / HTML？目前即时使用多个 颜色，大小和类别的类 权重..
呀。不那样。
这种方法的问题是改变一个元素的样式，你必须改变你的标记而不是你的CSS。此外，正如您已经发现的那样，它会使您的标记变得混乱。
“正确”的方法是为每个常规块创建一个类，即使它在很多方面与另一个块看起来相同。
包含“Royal Kostas apartments，Majorca”的块可能与包含“From Manchester”的块的字体和大小相同，但这并不意味着您应该尝试从CSS中删除重复的代码。许多人试图找到创建干燥CSS文件的方法，只有当营销/设计部门决定减少“来自曼彻斯特”而不是其他部分的字体大小时才会导致痛苦。
更为棘手的选择是风格完全相同，例如“Royal Kostas Apartments，Majorca”和“7晚3 *自助餐，基于4分享”。我仍然认为它们应该是完全相同风格的不同类别，但这是个人选择。
我倾向于倾向于这个指导方针：如果重新设计网站，使用相同的数据，需要更改标记，你做错了。
答案 1 :(得分：1)
您不希望根据视觉样式命名CSS类。围绕样式所用的函数或区域设计CSS。在附加的视觉效果中，您可以制作TabHeader样式，Price样式（左侧列），Details样式，MoreInfo样式。你明白了。
由于字体显然不同，你显然会定义字体属性，以及字体粗细，颜色，样式等。保持自包含状态，以后你会有更少的麻烦。
