[分享]css中 公共样式怎么建

在CSS中，公共样式是指一些可以被多个元素共享的通用样式。这些样式通常包括颜色、字体、间距等。为了避免多个元素使用相同的样式，我们可以通过建立一个公共样式类来简化代码。以下是如何创建一个基本的公共样式...

在CSS中，公共样式是指一些可以被多个元素共享的通用样式。这些样式通常包括颜色、字体、间距等。

为了避免多个元素使用相同的样式，我们可以通过建立一个公共样式类来简化代码。以下是如何创建一个基本的公共样式。

.common-style{
   color: #333;
   font-size: 16px;
   line-height: 1.5;
   padding: 10px;
   margin: 0;
   border: 1px solid #ddd;
} 

以上代码创建了一个名为common-style的公共样式类，它包含了一些基本的样式属性，例如字体颜色、字体大小和行高等。它还包含了一个边框和内外边距。

现在我们可以在HTML元素中使用这些公共样式类：

<div class="common-style">这是一段使用公共样式类的文本。</div>
<p class="common-style">这是一个段落，它使用了公共样式类。</p>
<button class="common-style">这是一个按钮，也使用了公共样式类。</button> 

在这个例子中，每个元素都可以使用相同的样式类。当您需要更改公共样式时，只需更改样式类即可。这比在每个元素中手动添加样式要简化得多。

在编写CSS时，使用公共样式类可以使代码更简洁，可维护性更高。它也是一种很好的实践，可以在大型项目中降低样式文件大小和提高加载速度。