clear
clearとは?
clearは、floatで浮かせた状態を解除するCSSです。
clearの使い方
floatで浮かせた状態を解除する場合に使います。
どちらか片方だけ(left・right)指定して解除しても良いのですが、片方にだけfloatした場合でも両方解除(both)しても問題ありません。
floatを解除しないと、レイアウトが崩れたり、親要素の背景画像・色が表示されないなどの不具合が起きる場合がありますので、必ずclearを使って解除してあげましょう。
記述方法
clearは以下のように記述します。
左寄せ(float:left;)を解除する場合
clear:left;
右寄せ(float:right;)を解除する場合
clear:right;
左右両方のfloatを解除する場合
clear:both;
おすすめのホームページ作成ソフト
コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。
現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。
- ホームページビルダー
- 初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
- Dreamweaver
- 中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。
『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。
また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。