|
■講義一覧
 1. スタイルシートとは
2. スタイルシートの準備
3. スタイルシート構文
4. 外部スタイルシートを読み込み
■1.スタイルシートとは
・スタイルシートとは、HTML文書構造やデザインを定義します。
これにより、ファイルを複数作成したときに一括でデザインを変更することができます。
・また、デザインを分けることでファイルが簡素化し、メンテナンスなどに効果がある
・スタイルシートは、HTMLファイルに直接記述する形式と外部ファイルとして読込む形式の2通りある
一覧へ
■2. スタイルシートの準備
・CSSをHTMLで使用するためには、HTML内で宣言する必要があります。
現在のブラウザは宣言をしなくても、CSSと認識しますが、基本的には必ず記述するようにします。
・<head>〜</head>内に記述します。
<meta http-equiv="Content-Style-Type" content="text/css">
|
一覧へ
■3. スタイルシート構文
・スタイルシートの構文は、以下のとおりです。
/* --------------------------- */
/* テーブル */
/* --------------------------- */
TABLE{
font-size : 10pt;
}
/* --------------------------- */
/* セル見出し */
/* --------------------------- */
TH{
font-size : 10pt;
}
/* --------------------------- */
/* データセル */
/* --------------------------- */
TD{
font-size : 10pt;
}
/* --------------------------- */
/* 表の行 */
/* --------------------------- */
TR{
font-size : 10pt;
}
|
・セレクタとは、HTMLの要素名(font, tableなど)やＩＤやクラスを指定します
・プロパティとは、書式形式を記述します。 例えば、文字の大きさ(font-size)
・値とは、各プロパティがもつ設定値です
一覧へ
■4. 外部スタイルシートを読み込み
・スタイルシートを一括で記述したCSSファイルを作成し、外部ファイルとして
HTMLに読み込むことが可能です。
<link rel="stylesheet" href="URI" type="text/css">
|
※ "URI"に作成したCSSファイルのアドレスを記述します。相対パス、絶対パスどちらでも可
一覧へ
|
