【CSS】Font関連のCSS ～文字色 / 文字サイズetc～

  ■ Font関連

  HTMLのソース例

<div class="sample">XXXX</div>

  CSSのソース例

div.sample {
  text-align:center; // 文字位置
  padding:10px;      // 空白サイズ
  font-weight:bold;  // 太字
  text-size:200%;    // 文字サイズ
  background-color:#FFCACA; // 文字の背景色
}

  ■ 単位

【１】 em指定 / rem指定
【２】 vw指定 / vh指定

https://qiita.com/39_isao/items/e8242901ba1aadb75676

  【１】 em指定 / rem指定

em指定

 * %と同じ相対値
  + 100% => 1em
  + 50% => 0.5em

rem指定 (root em)

 * emと同じ
 * ただし、文書のルート要素(html要素)のfont-sizeが基準。

  【２】 vw指定 / vh指定

vw指定(viewport width)

 * viewport（ビューポート）、つまり、ブラウザウインドウの表示領域の幅に対する割合
  + ブラウザの横幅全体 => 100vw
  + 10vwは、1/10のサイズ

vh指定(viewport height)

 * ブラウザウインドウの表示領域の高さに対する割合

  参考文献

http://www5.plala.or.jp/vaio0630/css/css01.htm
http://www.agr.hokudai.ac.jp/useful/CSS/c1_color_font.htm

  文字以外にもあるので参考になりそう

http://www.htmq.com/style/

  関連記事

  CSS覚書

https://blogs.yahoo.co.jp/dk521123/9810526.html