表示効果のないタグ

表示効果のないタグはビジュアルエディタでの操作は難しい

ID属性の使用

• classは再出可能だがIDは一度しか出現しないので場所を特定できる
• DWではこれを用いて挿入箇所などを特定している

きょうのひとこと

web応用の授業は、はっきりとした進行基準があり安心できて、
それが終われば自由にアレンジできる時間があるので、とても楽しいです。

ただ評価基準になるかもしれないからこのセクションやコンテナのグレーの線があああああ
消したいような消したくないようなもどかしい気持ちですうううう

ボックスモデル

ブロックレベルの要素は以下の設定を持つボックスからなりたつ

1. content
2. padding
3. border
4. margin

CSSパネルでの入力

• 上部は四辺一括またはショートハンド
• 四辺分割指定する場合は下部

border-radius

角丸指定が可能

Floatによるレイアウト

float

• ボックス幅いっぱいだった要素が浮き上がり光景要素が回り込む
• widthでサイズ指定、カラム落ち対策にbox-sizing:borderbox

clear

• floatをclear:bothで解除

きょうのひとこと

前回浮上した問題があったのですが、自分で解決することができました。よかったです。
個人的に行間の調節が大きな課題になっています。

CSSを利用したナビゲーション

メンテナンス性に優れるため主流

グローバルナビゲーション

トップ第一階層にいつでもいけるナビゲーション

ローカルナビゲーション

その項目内のナビゲーション

floatのナビ

• 分割数分の幅をwidthで指定
• float:left
• ulのパディングマージンを取る

子孫セレクタ

• ナビゲーション内のリストのように特定の親要素内の子要素だけを指定可能
• 半角スペースで区切る

きょうのひとこと

もっとフロートを使いこなせるようになりたいです。

インライン要素のブロックレベル化

aはインライン要素なので文字数に大きさが依存し操作しづらい

ディスプレイプロパティ

要素の元々持つ特性を変更できる

擬似クラス（：コロン）

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

:hoverはカーソルの状態が変化するのでその領域がリンク可能なことが分かり易い

絶対配置

positionプロパティ

position:absolute

dwではデザインビューからドラッグしながら位置指定が行える

位置指定の基準位置を指定

無指定ではブラウザの左上が基準となり、センタリングなどずれてしまう

position:relative

• 基準としたいボックスにrelative指定をする
• 絶対配置したいボックスはこのボックスの子要素（中に入れる）にする

きょうのひとこと

GIF画像を作ることに注力しすぎました！！！！！楽しかったです！！！！