2月の授業日記
1/26 フロート
対象を浮き上がらせ後継要素を回り込ませる
float:left/right
フロートの解除(clear)
フロートを終らせる指示
clear:both
きょうのひとこと
いよいよ次回で授業は最後!マウスの状態でスタイルを変える疑似クラスをやります
2/2 疑似クラスとCSSによるナビゲーション
疑似クラスセレクタ
文書構造では表せない状態などをセレクタにできる
セレクタ:疑似クラス名{プロパティ:値}
子孫セレクタ
特定の親要素内の要素だけに限定したセレクタにできる
親要素 子要素{プロパティ:値}
親要素 子要素の間を半角スペースで区切ることで特定の親要素内の要素だけを指定
ブロックレベル化
aは段落内(インライン)要素なので押しやすさが文字数に依存
display:block
ボックスモデルで指定できるブロックレベル化できる
リスト表示を消す
liにはドットや数字などがつくがナビゲーションには邪魔
list-style-type:none
フロートさせる
横並びにするにはfloat:leftさせサイズ指定する
きょうのひとこと
次回は試験!がんばって!