訓練日誌 71日目【動画の歴史】

CSS

学科 WEB動画基礎②【オンライン】

動画の歴史

  • 19世紀末
    映画の誕生

    キネトグラフ・キネトスコープの発明

  • 1953年
    日本にてテレビ放送開始
  • 1960年
    カラーテレビ放送開始
  • 1987年
    BS衛星放送開始
  • 2003年
    地上デジタル放送開始
  • 2007年
    YouTube・ニコニコ動画開始
  • 2015年
    Amazonプライムビデオ・Netflix開始
  • 現在
    動画配信サービス・ショート動画の多様化

コーディングのポイント

ボックスを横並びにしたとき、ボックスとボックスの間にスペースができる
→ソースコード中の改行や半角スペースが半角スペースとして認識されるため

  • 解決法1:改行せずに記述する
  • 解決法2:改行部分にコメントアウトを入れる
    <div></div><!–
    !–><div></div>
  • 親要素のフォントサイズを0に指定し、子要素にフォントサイズを指定する

フレックスボックス

  • display: flex;
    親ボックスの幅に合わせて子要素のサイズが調整される
  • flex-wrap: wrap;
    子要素のサイズを保ち、収まらない場合は折り返される