基金訓練(Webデザイン・プログラミング科)の39日目に行ってまいりました。
本日は、HTML&CSSプログラミングの実習です。
本日の内容は下記のとおりです。
１．文字リンクのマウスオーバー設定の仕方。
- マウスオーバーしているときと、していないときの両方のスタイル指定する。
- マウスオーバーしていないときのセレクタは、a要素までをセレクタに含める。
- マウスオーバーしているときのセレクタは、a:hoverのように、していないときのセレクタに擬似クラス:hoverを加えて記述する。
- マウスオーバーの有無で、colorやtext-decorationの値を設定する。
２．position:absolute で、画像を配置するとき。
- 配置の基準となるボックスに、position:relative を設定する。
３．text-decorationの値。
- none
- 標準。
- under-line
- 下線をつける。
- over-line
- 上線をつける。
- line-through
- 取り消し線をつける。
- blink
- 点滅させる。
今日のポイント
- ブロックレベル要素のフロート時、widthの値は必須。
