この動画は「WEB制作講座 BACKGROUNDプロパティの説明(動画あり）」の続きになります。
Google Fontsの使い方の説明、displayプロパティに「inline-block」と「block」、「inline」の違いや特徴を説明しています。
また、レイアウト時に困る親子間のマージンの相殺について説明しています。
少し難易度が高いですが、知っていると助かる仕組みの内容です。
マージン相殺の挙動
マージン相殺のサンプルを用意しています。こちらのページで確認してください。
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について（動画あり）
