オリジナルCSSの追加

 

タイトルを2種用意してみる。

1.このタイトルは,、太字・文字サイズ14pt

HTMLタグ
<p class="kn_title_h1">1.このタイトルは,、太字・文字サイズ14pt</p>CSSの記述
CSS 1つのセレクタに2つのプロパティ
.kn_title_h1{
  font-weight:bold;
  font-size:14pt;
}

 

2.このタイトルは、太字・文字サイズ12pt

HTMLタグ
<p class="kn_f_bold kn_f_size12">2.このタイトルは、太字・文字サイズ12pt</p>
CSS 要素を個別に2個設定
.kn_f_bold{
  font-weight:bold;
}
.kn_f_size12{
  font-size:12pt;
}