2016-10-24 15 views
-1

Iは、ウェブサイト要素色と背景色ヘルパー

パターン1

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

color: rgb(0, 0, 0); 

は同様にI 2つの他のパタ​​ーンを持っている持っているが、フォント・スタイルのための3色の組み合わせを有しますfont-weightとsizeは領域/セクションによって異なります。 パターンクラスをどのように定義することができますか?ベストプラクティスはありますか?

+0

あなたはクラスを作り、それをあなたのhtmlであなたが望むすべての要素に与えることができます。 ようこそ:class = "black"あなたのcssに.blackを書いてください:#000 –

答えて

0

1つの選択肢は、各スタイルに意味のあるクラスを作成し、それをクラスを介して適用することです。

例:

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

その後、MIX-を使用して、あなたが混在することを可能に少ないとSASSのようなプリプロセッサと一致クラスで利用できるはるかに強力なオプションがあります

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

HTMLを使用ins