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