cssスタイルシート外部リンク



CSS 〜スタイルシート〜

PR
自宅で簡単在宅ワーク

自宅で好きな時間にいつでも
できる簡単在宅ワーク。
インターネットで自動収入!

PR
月3万円余裕のある生活の提案

サイドビジネスで毎月のように
お金が入るようになったらありがたい。
そんなライフスタイルの提案です。
PR
成功するアフィリエイト失敗者

努力しているのにうまくいかない。
手間と時間ばかりかかる・・・
やり方を変えてみたら。あれ...

スタイルシート外部リンク


 スタイルシートを外部リンクさせるための CSSファイルの作り方

@、まずホームページを作成しているフォルダを開きます。


A、次にそのフォルダにメモ帳を作ります。(メモ帳が開ければそれでOKです)


B、メモ帳を開いて下さい。


C、次に使用するスタイルシートを記述。


例:body,td{font-size:10pt;}

<style type="text/css"><!-- と --></style>は入れなくてOK


D、ではファイル→名前をつけて保存を押してください。


E、ファイル名を「 半角英数字.css 」として下さい。例えばmain.cssとか

  保存を押します。(HPを作っているフォルダに保存)



F、これでホームページ作成フォルダの中にファイルの種類がカスケードスタイルシート
   となったスタイルシートファイルが完成しているはずです。確認しましょう!


G、完成していれば余分なメモ帳ファイルは削除しておきましょう。


これでcssファイルは作れます。すごく簡単です。1分で作れちゃいますね(笑)



しかし、cssファイルを作っただけではいけませんページにスタイルシートを実行させるようタグを入れないといけません。外部リンクのスタイルシートを呼び出すタグは下で紹介しています。








サイト上部へ↑  トップページへ



 スタイルシートを外部リンクさせるタグ スタイルシートを呼び出すタグ

<LINK rel="stylesheet" href="CSSファイル名" type="text/css">


ヘッダに入れて下さい。<HEAD>から</HEAD>の間。


例えば

CSSファイルがmain.cssなら
<LINK rel="stylesheet" href="main.css" type="text/css">ってな具合になります。


CSSファイルを呼び出したいページ全てにこのタグを挿入すれば、cssファイルを編集するだけで全てのページのスタイルシートが変更されて大変便利です。







サイト上部へ↑  トップページへ










サイト上部へ↑  トップページへ


メニュー
CSS スタイルシートについて
CSS スタイルシート外部リンク
CSS 文字を装飾する
CSS 画像に効果を入れる
CSS リンクを装飾する
CSS 背景画像を固定する
CSS 背景に効果を入れる
CSS スクロールバーを装飾
CSS カーソルを変える
CSS ページ全体に枠
CSS その他 スタイルシート
CSS スタイルシートリンク集









おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


その他運営サイト

Web素材、HTML,CSS等を配布

HTMLタグ保管庫

FC2ブログ作成講座

厳選フリーソフト

FFFTPの使い方

ホームページの作り方講座

HTMLタグの解説。タグ一覧ページ

フレームページの作り方を解説


















Copyright(C) CSSスタイルシート All Rights Reserved


inserted by FC2 system