写好CSS的一些技巧是什么？

我几个月前才开始做网页开发。我知道HTML，知道如何将页面标记为语义正确（不使用表格进行布局，正确使用HTML5中的新语义元素，等等）。我试图遵守W3C的设计建议。然而，我在写“好的”CSS时遇到了困难

我知道如何使用高效的选择器，比如子选择器而不是子选择器等等。我的问题是，我觉得CSS与标记的语义不匹配。CSS应该是可重用的，这意味着同一个类可以用于多个页面上的多个元素。但是我编写的CSS类只应用于少数元素（通常只在一个页面上），并且不再使用。我经常写同样的风格，但有一些小的变化，为许多类。这违背了发展的枯燥原则

---

我没有充分利用CSS的潜力吗？有哪些方法可以使我的样式可重用，而不必执行

.right align{}.blue text{}

？

我目前最好的建议是看一看。这在观点上有一点变化，但这是一个坚实的概念，绝对值得一看。

你将无法坚持使用CSS的DRY，你将得到重复。我喜欢做的是使用类来指定更一般的主题元素，并在上面使用ID来区分

您应该阅读以下内容：

但是我编写的CSS类只应用于少数元素（通常只在一个页面上），并且不再使用。我经常写同样的风格，但有一些小的变化，为许多类。这违背了发展的枯燥原则

听起来枯燥的问题在于设计，而不是编码。如果设计要求在每个页面上显示不同的内容，那么重用的空间就不大

我通常发现有两种情况需要创建类：

设计需要一个组件，例如登录面板，这在概念上是一回事（尽管它可能由多个HTML元素组成），并且需要自己的样式。这时我会创建一个类，如

登录面板

有一种相当复杂的样式（例如，带有阴影、圆角、边框和渐变背景的长方体，在IE中也必须如此），在多个地方使用，它们之间没有特定的概念联系。这时我会创建一个类，如

.box1

。如果我在不同的盒子之间共享了半复杂的代码（在IE 6中实现这些代码是我在一家自由撰稿的公司最喜欢的噩梦任务），我会将其拆分为一个类，如

box

如果您有几个使用类似样式的类，那么这不一定是个问题。CSS通常非常简单。当一段代码的维护和错误修复不必在多个地方进行时，DRY非常有用。如果重复的CSS没有那么复杂，那么就没有必要担心