|
管理人が勉強するためのページです
よかったら参考にしてね♪ 
◆ ホームページを作ってみよう
�� ◆
※ ＨＴＭＬの本を参考にしています
お知らせ ・・・ スタイルシート未対応ブラウザでのソースの非表示の方法
（表の一番下だよ）
|
項 目 |
内 容 |
ポイント |
|
★ スタイルシートって何？ |
レイアウトに関係する情報を指定して「パターン化」し、それをページ全体、または部分的に個々のタグに適用する方法
※ レイアウトに関係する情報 フォントの種類や大きさ、色、ページの背景など、ページのレイアウト （デザイン・見栄え）を決める情報
|
元々ＨＴＭＬは、学術分野での情報を共有するための構造化文書で、これと分離して、自在なレイアウトを可能にするのがスタイルシート
ＨＴＭＬに支障をきたす事なく、レイアウトを設定できる |
|
Ｃ Ｓ Ｓ
（ シーエスエス ） |
≪ Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔｓ ≫ の頭文字
※ Ｃａｓｃａｄｉｎｇ ・・・ 複数の要素を足し合わせる
|
|
|
★ 基本記述の形式
≪ スタイル定義 ≫
記 述 ⇒ 半角の英数字・記号 スペースは入れません |
｛ ＰＲＯＰＥＲＴＹ ： ＶＡＬＵＥ ｝ （ 指定する情報 ： その数値 ）
※ ＰＲＯＰＥＲＴＹ ・・・ 何を ＶＡＬＵＥ ・・・ どのようにするか
≪ 例 ≫ ● フォントのサイズ（ＰＲＯＰＥＲＴＹ）を１６ポイント（ＶＡＬＵＥ）に指定
ｆｏｎｔ−ｓｉｚｅ：1 6 ｐｔ
● さらに、色を「赤」にするという情報を付け加えた場合の記述
ｆｏｎｔ−ｓｉｚｅ：1 6 ｐｔ ； ｃｏｌｏｒ：ｒｅｄ
★ 複数の情報を指定する場合 ＰＲＯＰＥＲＴＹ ： ＶＡＬＵＥ ； ＰＲＯＰＥＲＴＹ ： ＶＡＬＵＥ ； ＰＲＯＰＥＲＴＹ ： ＶＡＬＵＥ ； 〜〜〜 セミコロンを入れて続けて記述
|
「｛ 」左中括弧 「 ｝」右中括弧 「：」コロン 「；」セミコロン |
|
★ 適 用 方 法
方 法 ・・・ ３つ
|
１．ページ全体に適用する方法 （ 複数のページに適用する場合）
何個かのスタイル定義（ＰＲＯＰＥＲＴＹ ： ＶＡＬＵＥ）したものを 一つのファイルにまとめて、そのファイル名（ＵＲＬ）を指定して反映させる |
|
|
２．指定したページだけに適用する方法 （そのページ全体に適用する場合） ヘッダー（＜ＨＥＡＤ＞）に記述して、そのページ全体に反映させる |
|
|
|
３．指定した範囲のみに適用する方法 ＨＴＭＬの個々のタグに、ＳＴＹＬＥ属性を使って指定し、反映させる |
|
|
|
◆ スタイルシート未対応ブラウザのソース非表示の方法 |
◆ スタイルシート未対応ブラウザのソース非表示の方法
スタイルの設定をヘッダー情報として指定して、スタイルシートに未対応の ブラウザで見た場合 ＜ ＳＴＹＬＥ ＞ 〜 ＜ ／ ＳＴＹＬＥ ＞のタグ（ソース）がそのまま表示されて しまうので、それを表示されないようにする方法です
＜ ＳＴＹＬＥ ＞ ＜ ！−−スタイルを定義する内容−− ＞ ＜ ／ ＳＴＹＬＥ ＞
※ この＜ ！−− −− ＞は、コメント化するタグで これではさんだ部分は、ブラウザに表示されません このタグは、ＨＴＭＬファイルを作る時に、ページの作成者が注意書きや覚え書きなど ページの内容や意味などのコメントのメモ書きとして使用できます このタグではさむコメントには、「−」ハイフンを２つ以上続けて入れてはダメ！ 「！」と「−−」の間に、スペースは入れません
★ 記 述 例 スクロールバーの色を変えるソースを例にして記述してみます
<style type="text/css"> <!-- html, body { scrollbar-base-color: #ffffff; } --> </style>
※ 分かりやすいように改行したけど、続けて記述してもかまいません♪
|
「 ！ 」 感嘆符 「 − 」 ハイフン
★ 注 意 ！ ＨＴＭＬファイルに、このタグを使ってコメントを入れる場合の注意点です ブラウザには表示されませんが、ソースを表示すれば誰でも見ることができるので、人に知られたくない事や詳しい個人情報などは、書かないようにしてね！
スタイルシートの定義を指定する場合は、個人情報なんて入れる事はないと思うけど。。。 (^_^ゞ |
|
|
|
