複数・スタイルシート・ホームページ作成

ホームページ作成の後

検索エンジン対策(SEO)
検索エンジン集
相互リンクを増やす
アフィリエイト
ページ作成時必須ツール
インターネット便利ツール
おすすめの本
広告を出す

その他

ホームページ作成(気楽版)
アフィリエイト(詳細版)
管理人コラム
レンタルサーバー比較初心者
メルマガバックナンバー
無料レポート、無料冊子
顔文字無料辞書
ホームページ(サイト)マップ
検索エンジンWorldSearch
運営者情報

リンク集

簡単相互リンク
相互リンクモスト

リンクについて
相互リンク・リンク集系
情報・ショップ系 2 3
法律・生活系
ビジネス・お小遣い系 2
趣味・地域情報系
コンピュータ・ネット系 2
美容・健康・女性系 2

複数のページにスタイルを適用する

・<link rel="stylesheet" href="スタイルシートファイル.css" type="text/css">

複数のページにスタイルを適用するには、まずスタイルシートファイルというスタイルを設定するファイルを作ります。

スタイルシートファイルを作るには、HTMLファイルと同じくメモ帳を使います。

メモ帳にスタイルを書き、保存するときに「すべてのファイル」を選択して、拡張子として.cssをつけます(HTMLファイルのときは.htmlでした)。

スタイルシートファイルを書くときは特に特別なことはありません。

いきなりスタイルを書いていき保存するだけです。

そしてそのスタイルシートファイルを適用させたいHTMLファイルから読み込みます。

スタイルシートファイルを読み込みたいHTMLファイルの<長，率いる>内に

<link rel="stylesheet" href="スタイルシートファイルへのパス" type="text/css">と書いてファイルを読み込みます。

パスは絶対パスでも相対パスでも大丈夫です。パスについてはここ。

スタイルシートを使うときはできればこの方法を使いましょう。

ホームページ内全てのHTMLファイルから同じスタイルシートファイルを読み込めば

ホームページ全体でスタイルを統一できます。

表示例

h4の色が赤になっています。

class="15aqua"の段落の文字の大きさが15pxになって、色がaquaになっています。

ソース例
・スタイルシートファイル(sitestyle1.css)のソース

h4 { color:red; }
.15aqua { font-size:15px; color:aqua; }

・HTMLファイルのソース

<html>
<長，率いる>
<肩書を与える>タイトル</肩書を与える>
<link rel="stylesheet" href="sitestyle1.css" type="text/css">
</長，率いる>
<団体／死体>
<h4>
h4の色が赤になります。
</h4>
<p class="15aqua">
class="15aqua"の段落の文字の大きさが15pxになって、色がaquaになります。
</p>
</団体／死体>
</html>

＜＜　「クラスとIDで指定する」へ　　　　　「１つのページだけにスタイルを適用する」へ　＞＞

ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞複数のページにスタイルを適用する