どうもみなさんこんにちは！ryutaです！今回はフッターを作ろうというテーマで解説していきます！前回にヘッダーの作り方を解説しているんでそちらもぜひ見て見てください！
では早速本題に入っていきたいと思います。
フッターのレイアウト
前回ヘッダーを作った際にli要素全体にfloatとpaddingを指定しましとよね？これは同じようにフッターでも指定してあげましょう！
ヘッダーのみに適用するには、header_listの後にスペースを開けてliと続けると、header_listの中のli要素にのみcssを適用できます。
ロゴとリストの配置
この配置に関しては完全に個人の自由なんですがみんな基本的に左から横並びにしています。やり方はcssにfloat:leftと書き込むだけです。もし他のやり方でやりたい！ってなったら左右に横習いするコードを基本に考えるとやりやすいですね。float:rightを用いると、指定した要素を右から順番に横並びにできます。これを左右にやっていけばオッケーです！
まとめ
フッターはヘッターよりも作るのが簡単です。なので今回の記事も短くなってしまいました笑。個人的ヘッダーを作ってからフッターをやった方がやりやすような感じがします。みなさんも自分のやりやすいやり方を探っていきましょう！
コメント