10/27 〜リンクのブロック化〜
インライン要素
リンクはインライン要素でおしやすさは大きさに依存！
ブロックレベル要素
段落に分かれたサイズ指定できる
11/10テーブル
ユーザービリティ
リンクなどは分かりやすく使いやすくする必要
display:block
テキストリンクがブロック化して押しやすくなる！
a:hover
マウスカーソルが上に来た時の状態を表す擬似クラスセレクタ
11/24テーブルのCSS
borderとショートハンド
border:線種 太さ 色
半角スペース順不同でまとめて指定できる
border-collapse
collapseにすると二重線を解消できる
きょうのひとこと
最初は簡単でしたが後半XDで作ったプロフィールページをHTMLに移す？作業が大変でした。
テーブル
テーブルのページ参照
〜今日のひとこと〜
今回はサイトをまとめやすい「テーブル」を学習しました。
ここまで来てかなり自分のwebサイトが華やかになっていくのを感じます(今更ですが)。
外枠などがあれば主張したい文や文字などをより強調し存在感を醸し出されると思います。
その中の配色もこだわりました。私は目に優しい？落ち着いた色合いに仕上げてみました。
ややこしいのが＜＞タブが連続で入力すると何がどこに表示されるのか...混乱します。
＜tr＞＜td＞と＜tr＞＜th＞などtdをthに入力変更するのを忘れてセルのカラーが変えられないというハプニングがありました。background-colorを変えた！よしどうなっってるかな？とプレビュー確認しても変わってない・・・なんてことが笑。ですがタブが違うと気づき解決できて一安心です。要確認ですね。