スタイルシート（ＣＳＳ）・適用方法〜実践ページ ＜１＞
≪ ヘッダーにスタイルを定義しておいて、ページ全体に適用する方法 ≫
★ スタイルを定義しない部分
ページの土台は、背景がクリーム色、基本となる文字の色が黒、基本となる文字のサイズは「３」に設定しました。
このページのタイトル部分は、見出し＜Ｈ２＞と＜Ｈ３＞に定義しました。
スタイルを指定しない部分は、こんな感じで〜す (=^・^=)b
★ 本文中で見出し＜Ｈ１＞の要素タグを使った場合
文字の色を「赤（red または #ff0000）」に指定すると、こんな感じ♪
★ 本文中で見出し＜Ｈ２＞の要素タグを使った場合
文字の色を「青（blue または #0000ff）」に指定<すると、こんな感じ (=^・^=)b
★ 本文中で見出し＜Ｈ３＞の要素タグを使った場合
文字の色を「緑（green または #008000）」に指定すると、こんな感じ (=^・^=)b
★ 本文中で＜Ｐ＞（段落の前後に１行の空きがある）の要素タグを使った場合
文字のサイズは「１６ポイント」で、文字の色を「オレンジ（orange または #ffa500)」に指定すると、こんな感じ♪
スタイルシートの実践ページを作るというのは、昨年からずっと考えていた事なんですけど
「別のスタイルシートファイルを作って、それをリンクさせてページ全体に適用する方法」がうまくいかず
今回は、「ヘッダーにスタイルを定義してページ全体に適用させる方法」をＵＰしました。
別ファイルでの適用方法の実践ページは、もう少し時間がかかりそうです・・・ (^ー^ゞ
※ ＨＴＭＬのバージョン（4.01)の中には、厳密なものからフレームが使えるものまで
３つのドキュメントタイプがありますが、今回はフレームを使えるゆるいタイプで記述しました。
−−−−−−−−− 以下 ↓ が、このページのソースで〜す♪ −−−−−−−−−−−−−−−
<![CDATA[
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>スタイルシート（ＣＳＳ）・適用方法≪実践ページ：ヘッダーにスタイルを定義してページ全体に適用する方法 ≫</title>
<style type="text/css">
<!--
h1{color:red}
h2{color:blue}
h3{color:green}
p{font-size:16pt;color:orange}
-->
</style>
</head>
<body bgcolor="#ffffcc" text="black">
<basefont size="3">
<br>
<br>
<h2>スタイルシート（ＣＳＳ）・適用方法〜実践ページ ＜１＞</h2><br>
<h3>≪ ヘッダーにスタイルを定義しておいて、ページ全体に適用する方法 ≫</h3><br>
<br>
★ スタイルを定義しない部分<br>
<br>
ページの土台は、背景がクリーム色、基本となる文字の色が黒、基本となる文字のサイズは「３」に設定しました。<br>
<br>
このページのタイトル部分は、見出し＜Ｈ２＞と＜Ｈ３＞に定義しました。<br>
スタイルを指定しない部分は、こんな感じで〜す (=^・^=)b<br>
<br>
<br>
<h1>★ 本文中で見出し＜Ｈ１＞の要素タグを使った場合</h1><br>
<h1> 文字の色を「赤（red または #ff0000）」に指定すると、こんな感じ♪</h1><br>
<br>
<h2>★ 本文中で見出し＜Ｈ２＞の要素タグを使った場合</h2><br>
<h2> 文字の色を「青（blue または #0000ff）」に指定<すると、こんな感じ (=^・^=)b</h2><br>
<br>
<h3>★ 本文中で見出し＜Ｈ３＞の要素タグを使った場合</h3><br>
<h3> 文字の色を「緑（green または #008000）」に指定すると、こんな感じ (=^・^=)b</h3><br>
<br>
<p>
★ 本文中で＜Ｐ＞（段落の前後に１行の空きがある）の要素タグを使った場合<br>
<br>
文字のサイズは「１６ポイント」で、文字の色を「オレンジ（orange または #ffa500)」に指定すると、こんな感じ♪<br>
<br>
スタイルシートの実践ページを作るというのは、昨年からずっと考えていた事なんですけど<br>
「別のスタイルシートファイルを作って、それをリンクさせてページ全体に適用する方法」がうまくいかず<br>
今回は、「ヘッダーにスタイルを定義してページ全体に適用させる方法」をＵＰしました。<br>
別ファイルでの適用方法の実践ページは、もう少し時間がかかりそうです・・・ (^ー^ゞ<br>
<br>
※ ＨＴＭＬのバージョン（4.01)の中には、厳密なものからフレームが使えるものまで<br>
３つのドキュメントタイプがありますが、今回はフレームを使えるゆるいタイプで記述しました。<br>
</p>
<br>
−−−−−−−−− 以下 ↓ が、このページのソースで〜す♪ −−−−−−−−−−−−−−−<br>
]]>
|
|
|