Web制作講座について
こちらは、Web制作の基礎知識を学習して、具体的にレイアウトを組み始める段階の初心者をターゲットにした内容です。
HTML,CSSの文法の原理原則や、特にコーディングで行き詰まりそうな点を解説します。
今回の動画は特にbackgroundプロパティに絞って比較的簡単なレベルの説明をしています。
backgroundプロパティは通常の書き方とショートハンドの書き方があります。
どちらのパターンでも書けるように練習してください。
またbackground-imageの画像をブラウザの幅に応じて拡大縮小することが可能になるbackground-sizeプロパティがあります。
こちらは無理にショートハンドを使わずに、別途background-sizeプロパティを記述した方が間違いなく書けます。
参考ページ
BACKGROUND設定解説〜CSS2.1
ダウンロード
Web入門一覧
- Slickの導入方法 （動画あり）
- Web作成講座〜FlexBoxレイアウトでヘッダーを作成（動画あり）
- Web作成講座 FlexBoxレイアウトの動画
- Web作成講座 floatレイアウト1（動画あり）
- Web作成講座 floatレイアウト2 （コード解説 動画）
- Web制作講座 Webフォント、inlin-block、marginの相殺について(動画あり）
- Web制作講座 backgroundプロパティの説明(動画あり）
- CSS flex〜チートシート(動画あり)
- FlexBoxの使い方（7）〜 flex-wrapについて（動画あり）
- FlexBoxの使い方（５）〜flexプロパティについて（動画あり）
- FlexBoxの使い方（４）〜display:inline-flexについて（動画あり）
- FlexBoxの使い方（３）〜flexアイテムの順番を入れ替え（動画あり）
- FlexBoxの使い方（１）〜display:flexについて（動画あり）
