ホームページ作成の後
その他
ホームページ作成(気楽版)
アフィリエイト(詳細版) 管理人コラム レンタルサーバー比較初心者 メルマガバックナンバー 無料レポート、無料冊子 顔文字無料辞書 ホームページ(サイト)マップ 検索エンジンWorldSearch 運営者情報
リンク集
複数のページにスタイルを適用する・<link rel="stylesheet" href="スタイルシートファイル.css" type="text/css"> 複数のページにスタイルを適用するには、まずスタイルシートファイルというスタイルを設定するファイルを作ります。 スタイルシートファイルを作るには、HTMLファイルと同じくメモ帳を使います。 メモ帳にスタイルを書き、保存するときに「すべてのファイル」を選択して、拡張子として.cssをつけます(HTMLファイルのときは.htmlでした)。 スタイルシートファイルを書くときは特に特別なことはありません。 いきなりスタイルを書いていき保存するだけです。 そしてそのスタイルシートファイルを適用させたいHTMLファイルから読み込みます。 スタイルシートファイルを読み込みたいHTMLファイルの<head>内に <link rel="stylesheet" href="スタイルシートファイルへのパス" type="text/css">と書いてファイルを読み込みます。 パスは絶対パスでも相対パスでも大丈夫です。パスについてはここ。 スタイルシートを使うときはできればこの方法を使いましょう。 ホームページ内全てのHTMLファイルから同じスタイルシートファイルを読み込めば ホームページ全体でスタイルを統一できます。 表示例
ソース例 ・スタイルシートファイル(sitestyle1.css)のソース
・HTMLファイルのソース
<< 「クラスとIDで指定する」へ 「1つのページだけにスタイルを適用する」へ >> ホームページ作成とHTML>>スタイルシートの書き方講座>>複数のページにスタイルを適用する |