-1

我正在创建一个包含不同类型文本混合的网页——粗体、下划线、小、左对齐、居中对齐、右对齐等，并且在尝试从 HTML 中抽象样式时，我'正在尝试取消<b>和<u>标签。结果是定义类（例如“粗体”、“下划线”、“小”等）并使用 CSS 来提供样式。但是，这使得 HTML 更加冗长，其中包含class="rightAlign small bold underline". 有一个更好的方法吗？

谢谢！

4

2 回答 2

5

你有点错过了 CSS 的重点。

您想将标记与样式分开，而不是将两者结合起来。

有<div class="bold">什么比这更好的<div style="font-weight: bold;">？

也许少打字，但它具有相同的效果。如果你想稍后改变你的布局，你已经做到了，所以你需要去修改 CSS 和标记。

最好将属性分组。

因此，例如，而不是拥有

<div class="rightAlign small bold underline">

有

<div class="title">

.title {
   text-align: right;
   font-weight: bold;
   text-decoration: underline;
   font-size: small;
 }

这样，您title以后可以根据需要进行更改，而无需浏览页面并修改标记。

于 2013-01-30T21:51:32.290 回答
0

您可以分别使用和表示粗体和斜体，但前提是加粗/斜体的信息确实很重要。

如果您有一个小、粗体和下划线的区域，并且该区域在整个站点中重复多次，则使用它自己的类定义该区域并一次应用所有这些样式会更有意义。例如，wordpress 中的元区域，其中包含按日期发布的帖子和作者姓名。这种“元”类型的区域通常是斜体、较小的字体、不同的颜色，有时甚至是不同的字体。给那个区域class="meta"而不是给它class="small italics geneva blue"

于 2013-01-30T21:43:52.233 回答