1月の授業日記

1/12 クラス/IDセレクタ

クラスセレクタ

タグに名前を付けて独自のスタイル指定が可能になる 　　

＜タグ　class="クラス名"＞(再出する場合)

タグに名前を付けて職別=クラス属性

. クラス名{ブロバティ:値}　

付けた名前に.をつけてCSSのセレクタにできる＝クラスセレクタ

既存タグで示せない部分への指定

thmlタグは最低限のものしか用意されていない
特定の意味.表示効果を持たないタグ＜div＞＜span＞
既存のタグで示せない任意のエリアを括り、class等で指定できる

＜span＞～＜/span＞

行ないの一部など改行しない場合

＜div＞～＜/div＞

　　

今日の一言

今日はspanとdivについて勉強しました。

1/19　html5とボックスモデル

htmlのバージョン

htmlにはバージョンがあり最新版html5

＜!doctype　html＞

html書類の1行目におかれhtml5であることを示す

html5追加されたタグ

よくは使用されるdivがタグで用意され終了タグの重複などわかりやすくなった

＜section＞～＜/section＞

章の区切り

＜article＞～＜/article＞

日付毎・記事毎の区切り

＜main＞～＜/main＞

ページの主要部分の括り

ボックスモデル

　　CSSでは各要素が「ボックス」と呼ばれる矩形領域を持ち、以下のような設定が行える

margin

ボックスの外側の間隔

margin:値

border

paddingの外側に罫線が指定できる

border:スタイル　太さ　色

padding

ボックスと内側の内容物との余白

padding:値

ボックスのサイズ

ボックスの幅は親要素いっぱい高さは内容物のサイズが指定で変更できる

width:値

height:値

ボックスの大きさをpxで指定できる

ボックスのセンタリング

ボックスの外側＝マージンの左右の値を同じにする(auto)と真ん中に配置される

margin:auto

IEの互換性

IEはデフォルトではCSSの解釈が独自だった古いIEとの互換モードになっているので切り替えが必要

ツール＞互換表示設定

今日の一言

今日は久々に画像を入れました。