【CSSで動画に文字を重ねる方法】 - Webサイト専門プログラマの言いたい放題

f:id:wp-lesson:20170108160407j:plain

動画の上に文字や画像を重ねたヘッダービジュアル。
どうやって作ればいいのでしょうか？
　
プラグインがあるの？
　
いいえ、そんな大げさなものは要りません。
　
ちょっとだけスタイルシートの基本を学べば、
実はとても簡単で基本的な記述だけで動画に
文字や画像を重ねることができます。
　
それは position プロパティです。
　
重ねたいものを１つ１つの画材とみなし、
それらを載せる枠をキャンバスとみなし、
　
キャンバスには position: relativeを、
画材には position: absoluteを指定します。
　
すると、画材はキャンバスの左上を基準として
topプロパティやleftプロパティなどで自由な
位置に配置することができます。
　
CSS3のプロパティを組み合わせれば、
上下左右にセンタリングすることも可能です。
　
ウェブデザインを形にするには、
HTMLとスタイルシートの知識がとても重要です。
　
　
CODEMYは徹底したマンツーマンで
あなたの目的に合わせたカリキュラムを
ご用意してお待ちしております。