PREMIUM

【サポート終了】CSSレイアウト入門

CSSでよく見るレイアウトを組み上げていく方法について説明していきます。
0%
このレッスンのサポートは終了しました
このレッスンの最終更新日は 2015年12月2日 です(質問の受付は終了しました)。
なぜ右に配置するのに float: left を使うのでしょうか? PREMIUM - #06 2カラムレイアウトを作ってみよう
#right { background: lightgreen; float: left; width:...
.clearfix の疑似要素は before ではなく after を使っているのはなぜですか? PREMIUM - #07 clearfixを使ってみよう
この動画内で、親要素の背景色を反映させるために以下のようなコードを使用しています。 .clearfix:aft...
font-size: 0; でなぜ余白が埋まるのでしょうか? PREMIUM - #11 リストでメニューを作ってみよう
動画内で font-size: 0; にしたあと a に font-size: 16px; と指定として余白を...
main と .product の間に半角空白が必要なのはなぜですか? PREMIUM - #13 positionプロパティで使ってみよう
styles.css に main.product ではなく main .product と書かれていますが、...
inline-blockを使うことでなぜ幅と高さが設定されるようになるのでしょうか? PREMIUM - #13 positionプロパティで使ってみよう
動画内で「幅と高さはそこに含まれる画像のものにしたいので、 display: inline-block; 」と説明され...