| ７月 |
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | | | | | | 1 |
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 | | | | | |
| ＜ | | |
|
７/３ ＣＳＳ１
CSS（スタイルシート）とは
- HTMLでは、定義した構造に見合った見栄えをブラウザが解釈し表示させていたが自由度が低い
- 構造と表示を分離し、表示方法を独自に定義させるために、追加された言語がスタイルシート
CSSの基本書式
プロパティ：値
さまざまな表示に関しる設定（プロパティ）を指定できる
複数のプロパティを指定する場合は
一つのプロパティの終わりにセミコロン（：）を入れる
プロパティ：値；プロパティ：値；
CSSをHTMLの中に記述する方法」
CSSはHTMLとは記述方法が違うのでうまくHTMLの中に取り込む必要がある
style属性の属性値として記述する事で、そのタグ内をスタイル指定できる
＜タグ style＝”プロパティ：値”
２．タグから独立して指定する場合
- タグの中だと同じ指定でも何度も記述する必要がある
- 同一タグに同一指定をしたい場合など、タグの外に出すほうが自由度が高い
- その場合、指定と対象が異なるので、対象ヲセレクタとして識別する
セレクタ｛プロパティ：値；｝
セレクタにタグを用いればタグの表示効果を自分の好みに変えられる
セレクタを使用する場合の記述場所
- 指定対象（のタグ）が登場する前でなければならないので＜ｈｅａｄ＞内に
- なんら化のタグの中に入れる必要があるので＜ｓｔｙｌｅ>タグで括る
- タグが解釈できないブラウザ用にコメントタグで括る
今日の一言
地震だ
7/10 CSS2
さまざまな表示効果指定のためのプロパティがある
スタイルの記述場所（文法）
| 記述場所 | 指定が適用される範囲 |
| タグ内 | 指定したタグ内 |
| ページ内 | ページ内すべて |
| ページの外（リンクを張る | リンクが張られているページすべて |
外部にスタイルを記述した書類を作りリンクを貼ればリンクされているページの指定を一括で変えることができる
1.外部スタイルシートファイル
- HTMLとは独立して、スタイルシートだけを記述する専用ファイル
- HTMLではないのでタグを必要なく直接CSSを記述できる
- 拡張子=.CSS
2.外部スタイルシートの指定を既存ページに適応させる
ヘッダ内に＜ｌｉｎｋ＞タグでスタイルシートファイルへのパスを記述する
＜ｌｉｎｋ ｒｅｌ＝"stylesheet" type="text/css" href="スタイルシートへのパス"＞
タグとは別に名前を付けて識別し、スタイル指定を行うことができる
タグ．クラス名｛プロパティ：値｝
.クラス名｛プロパティ：値｝
- タグの中の一部分だけ別扱い、あるいはタグと関係なくスタイル指定だけ行いたい場合、エリアに識べする名前を付けて指定することができる
- 名前はタグクラス属性を付け、英数半角で定義できる
- 指定したい部分にタグがない場合、クラス属性を付けるために表示効果のない＜ｄｉｖ＞（改行のみ），＜ｓｐａｎ＞（行内の一部分をしてする場合）タグを用いる
- ＣＳＳ側でクラスにプロパティを指定する場合付けたクラス名の前に．(ドット）を付ける
今日のひとこと
心配
|