颜色和背景颜色助手

时间:2016-10-24 07:46:41

标签: css css3

网站元素有3种颜色组合

模式1有

background-color: rgb( 233, 239, 245 );

 color: rgb( 0, 0, 0 );

同样,我有2个其他模式,但字体样式,字体重量和大小在不同的区域/部分是不同的。 我该如何定义 这种组合的模式类,有没有最佳实践?

1 个答案:

答案 0 :(得分:0)

一种选择是为每种样式创建一个有意义的类,然后通过类应用它。

e.g:

.bold {font-weight:bold;}
.yellow {color:black;}

然后使用html

<p class="bold yellow">This will appear bold and yellow.</p>

预处理器中有更强大的选项,例如less和sass,允许你使用混合来混合和匹配类