Ｗｅｂスタンダードテクニックユニット ９日目

本日の授業内容

　Ｌｅｓｓｏｎ１１　−ＣＳＳレイアウト−

• 段組設定（フロート）
• ｆｌｏａｔ：　ｌｅｆｔ；
• ｆｌｏａｔ： ｒｉｇｈｔ；
• ｄｉｓｐｌａｙ： ｂｌｏｃｋ；
• 疑似クラス
  「ａ：ｌｉｎｋ」「ａ：ｖｉｓｉｔｅｄ」「ａ：ｈｏｖｅｒ」「ａ：ａｃｔｉｖｅ」
• 縦に並ぶナビゲーションの基本
• 横に並ぶナビゲーションの基本

「ｆｌｏａｔ： ｒｉgｈｔ；」を使う時は・・。

「ＨＴＭＬ」に情報を記載するときは、優先順位の高いものから記載してきます。
だけど、「ＣＳＳ」でレイアウトをする場合、
優先順位１番の情報を右側、
優先順位２番の情報を左側に、
表示したい時に「ｆｌｏａｔ： ｒｉgｈｔ；」を使います。

※パソコンは横書きなので、左側の情報から読んでいく。
※「ｆｌｏａｔ：　ｌｅｆｔ；」使用すると、情報が右側、右側って回りこんでしまう為。
※優先順位がない時は、基本的に「ｆｌｏａｔ：　ｌｅｆｔ；」のみの使用で良い。

---