2月の授業日記

1/26 フロート

フロート

対象を浮き上がらせ後継要素を回り込ませる

float:left/right

フロートの解除(clear)

フロートを終らせる指示

clear:both

きょうのひとこと

いよいよ次回で授業は最後!マウスの状態でスタイルを変える疑似クラスをやります

2/2 疑似クラスとCSSによるナビゲーション

疑似クラスセレクタ

文書構造では表せない状態などをセレクタにできる

セレクタ:疑似クラス名{プロパティ:値}

子孫セレクタ

特定の親要素内の要素だけに限定したセレクタにできる

親要素 子要素{プロパティ:値}

親要素 子要素の間を半角スペースで区切ることで特定の親要素内の要素だけを指定

ブロックレベル化

aは段落内(インライン)要素なので押しやすさが文字数に依存

display:block

ボックスモデルで指定できるブロックレベル化できる

リスト表示を消す

liにはドットや数字などがつくがナビゲーションには邪魔

list-style-type:none

フロートさせる

横並びにするにはfloat:leftさせサイズ指定する

きょうのひとこと

次回は試験!がんばって!