14.CSSを使ったプログラミング

<h1 id="hoge" class="fuga">CSS を使ったプログラミング</h1>

→idはファイル中で１回のみ使用。　class は何回でも使用可能。

CSSファイル内で、classは

　.face { }

idは

　#back { }

.face {

   transform: rotateX(60deg)

}

→文字がX軸（横軸）を基準に前方へ倒れてくるイメージ。

rotateY は文字列末尾を基準にY軸（縦軸）にそって回転するイメージ。

rotateZ はページ中央を基準にZ軸（手前と奥方向）にそって回転するイメージ。

let header = document.getElementById('header');

→HTML上のidタグのついた部分を指す。

header.style.transform = 'rotateX(60deg)';

→ CSS(style)を適用する。パラメーターは文字列で指定する。

setInterval(rotateHeader, 20);

→　20ミリ秒ごとにrotateHeader関数を実行する。

header.className = 'face';

→ HTMLのclassタグのパラメーターを上書きする。

CSS の 

.face {

  opacity: 0.4;

}

→　透明度を指定（０〜１）