初心者のホームページ実践講座：footerスタイルシート
フッター部分のスタイルシート(CSS)設定の解説です。どのようなスタイルシート(CSS)が指定されているでしょうか。
セレクタの解説に関しては、それぞれにスタイルシート(CSS)のセレクタ設定にリンクを貼ってありますので、参考にしてみてください。(セレクタの意味に関してはこちら→スタイルシートの基本構造)
#footer{
clear:left;
height:30px;
border:#000 solid 2px;
background-color:#fff;
}
このスタイルシート(CSS)の設定はフッター部分にスタイルシート(CSS)を適用させています。『class』と『id』のことはこちら→『class』と『id』の使い方
他にもタグから始める場合はこのbodyタグに設定するように、シャープやピリオドを省いて設定したいhtmlタグから始めましょう！
【clear】
スタイルシート(CSS)で指定した『float』の設定を解除します。右サイド、メインコンテンツ、左サイドで使った『float：left』を解除しなければ、ずっと適用されてしまいますので、一度解除しておく必要があります。
【height】
フッターバーの高さを設定しました。フォントの文字分の高さがあればよいと思います！
【border】
通常は枠の装飾に使いますが、今回はどこがヘッダーでどこがサイド部分なのかをわかりやすくするために枠線をつけました。
【background-color】
メインコンテンツの背景色です。今回は白にしました。