フッターの作成
左側にはロゴ、右側にはリスト
フッターのレイアウト
ヘッダー作成時、<li>要素全体にfloatとpaddingを指定
フッターの<li>要素にも適用される↓
※stylesheet.css(メモ)
.header-list li {
float: left;
padding: 33px 20px;
}
入れ子のセレクタ
「.header-list」の後にスペースを空けてliと続けると
「header-list」の中の<li>要素にのみCSSを適用することができる
ヘッダーの<li>要素とフッターの<li>要素に別のCSSを適用することができる
コメント