p { font-size: 16px; color: #333; line-height: 1.5; font-family: Arial, sans-serif; }
上面是一个典型的段落样式定义,包括了字号、字体颜色、行高以及字体族等属性。如果大家需要在文档中多个地方使用这个样式,可以选择复制粘贴多次。但是,这种方法会使得代码冗余,不便于维护和修改。更好的方法是,使用类选择器。
.text { font-size: 16px; color: #333; line-height: 1.5; font-family: Arial, sans-serif; }
大家为这个样式定义一个类名“text”,其定义和之前的样式定义相同。现在在需要使用这个样式的地方,只需要添加类名“text”即可。
这是一个样式定义。
这是另一个样式定义。
这样一来,代码干净整洁,易于维护。另外,如果需要修改样式,只需改动一处即可影响到所有使用这个类名的元素。
当然,如果大家只需要在某一个元素上定义特定的样式,可以使用ID选择器。
#special { font-weight: bold; color: red; }
这个样式定义只会应用于id为“special”的元素。
这是一个特殊元素。
总之,在CSS中,大家应该尽可能避免重复定义相同的样式,而是使用类、ID选择器等方法来重复利用样式定义,从而使得代码更加简洁、易于维护和修改。