ホームページの作り方HP

　スタイルシートの記述方法は、３通りあります。

１、タグ内に記述する方法
　　タグ内にstyle="color:blue"というように、タグ内にstyle="〜"として記述する方法です。

＜＜　HTMLデータ例　＞＞

＜＜　ブラウザ表示　＞＞

２、HTMLファイルのヘッダー部分に記述する方法
　ヘッダー部分に、<style type="text/css">というスタイルシートを使用しますよという宣言をして、 スタイルを適用する対象名 {〜}として記述する方法です。
　適用範囲は、そのHTMLファイル内だけです。

＜＜　HTMLデータ例　＞＞

＜＜　ブラウザ表示　＞＞

３、ＣＳＳファイル利用により記述する方法
　テキストエディターで”スタイルを適用する対象名 {　〜　}”として記述し、 ファイル保存するときに、拡張子が”.css”というＣＳＳファイルを作ります。
　そして、ＨＴＭＬファイル内にはＣＳＳファイルを参照しなさいという指示である、
<LINK href="ＣＳＳファイル名.css" type="text/css" rel=stylesheet>
をヘッダー部分に記述します。

＜＜　ＣＳＳファイルデータ例（下記のデータだけを記述して.cssファイルを作成　＞＞

＜　ファイル名＝style.css　＞

＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞

＜＜　ブラウザ表示　＞＞

　また、ＣＳＳのスタイルシートを使用する場合は、 メタタグを使用してＣＳＳのスタイルシートを使用しますよという宣言をしなければなりません。
　すなわち、ヘッダー内にメタタグとして、

<meta http-equiv="Content-Style-Type" content="text/css">

　を記述する必要があります。
　これを記述しなくても、ブラウザが大抵自動的に判別してくれますが、 文字化けを防ぐために記述しておくことが望ましいです。

　なお、当然のことながら、スタイルシートの記述方法は、 ＣＳＳファイルを利用して記述する方法が望ましいです。