１2月の授業日記
12/8 スタイルシート
css （スタイルシート）とは
- htmlは構造を定義し、解釈をブラウザに任せつつ属性等で指定
- 構造と表示を分離し、表示方法を独自に定義するため追加された言語がCSS
CSSの基本書式
プロパティ：値
様々な表示に関する設定（プロパティ）を指定できる
プロパティの区切り
一つのプロパティの終わりにはセミコロン；を入れる
プロパティ：値;プロパティ：値;
cssの記述場所
cssはhtmlと記述方法が違うのでうまくhtmL内に取り込む必要がある
style属性の属性値としてそのタグ内を指定できる
＜タグ style="プロパティ：値”＞
対象はタグ内のみ
- タグ内だと再出毎に指定の必要があり属性と変わらない
- 何に対する指定か（セレクタ）をタグが出現する前のhead内に指定すればページ内一括で指定可能
セレクタ｛プロパティ：値;｝
セレクタ（指定対象の名前）をタグにするとタグの見栄えを自分で再定義できる
セレクタを使用する際の記述場所
- 対象の出現前＝＜ｈead＞内
- 何らかのタグでくくる必要＝＜ｓｔｙle＞
- どこまでがそのセレクタへの指定かを括る必要＝｛｝内
実際のプロパティ
color:値；
文字色
text-align
水平揃え
background-color
body以外の様々なタグにも背景色がつけられる
きょうのひとこと
今日も頑張りました。
12/15 外部スタイルシート
CSSによる背景
背景色と同様に背景画像が敷け、リピート方法も様々にコントロール可能
background-image:url（画像へのパス）
背景画像のりピート指定
background-repeat:(no-repeat/repeat-x/repeat-y)
3.外部スタイルシート
- ページ内だと同じ指定でもページ毎に指定が必要で修正時大変
- ページから切り離し、拡張子.CSSの専用ファイルにまとめて記述する
- 指定を適用させたいページから外部CSSへリンクさせれば複数のページを一括指定できる
リンクタグ
外部CSSを適用させたいページからはリンクタグでリンクする
＜link href="スタイルシートへのパス” rel="stylesheet"＞
罫線（border）
borderプロパティで様々な個所に様々な形式で罫線をつけられる
border：形状 太さ 色
一つのプロパティに複数の値を付ける場合半角スペースで区切る（ショートハンド）
きょうのひとこと
頑張りました。