• ベストアンサー
  • 暇なときにでも

リンクを使って複数ページへCSSを設定する方法?

お世話になります。「超初心者のためのホームページ講座」(http://park16.wakwak.com/~html-css/css/index.html)「CSS設定方法その3」で行き詰っています。 (1)「スタイルを適用したいHTMLファイルのソース」のIEアイコンをデスクトップに作り、開くとリンク前のテキスト文字が出ます。これは操作ミスはないと思います。 (2)CSSファイルは「style_1.css」の名前でデスクトップに作りました。マウスをあてると「カスケードスタイルシートドキュメント style_1.css」と馴染みの無いアイコンが出来ました。  (1)(2)を1つのフォルダに入れましたが、リンクしません。文字の色、サイズ、太字等反応がありません。CSSファイルの作り方に何か問題があるのでしょうか?リンク方法に問題?十分満足なな質問が出来ず申し訳ありませんが、何しろ超初心者です。理解できる範囲でご回答いただけると大変幸せです。よろしくお願い申し上げます。以上

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数52
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1

HTMLファイルに外部CSSファイルをリンクするには、スタイルを適用したいHTMLファイル内にCSSファイルへのリンク記述をする必要があります。 具体的には「CSS設定方法その3」に載っている、以下の記述になります。 <link rel="stylesheet" href="style_1.css" type="text/css"> これを、CSSを適用したいすべてのHTMLファイルに記述する必要があります。 記述を追加する場所は、「CSS設定方法その3」に載っているように<head>~</head>の間ならどこでも構いません。 この説明で分かりますでしょうか? 分からなければ、その旨補足ください。 ご参考まで。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

 ご回答有難うございました。解決しました。有難うございました。ご説明を参考にHTMLファイルを見直したところミスタイプを発見しました。見事にリンクしました。有難うございました。ブログを始めるに当たり、HTML/CSSの知識の必要性を感じ、横道にそれています。でも面白くなり、もう少し続けてゆくつもりです。わからないことがあればまた質問しますので、ご助力いただけると嬉しいです。よろしくお願いいたします。まずは御礼まで。

関連するQ&A

  • CSSファイルのアイコン表示についての質問です。

     CSSファイルのアイコン表示についての質問です。  メモ帳やフリーソフトのTeraPadで保存するとき、拡張子が.cssで保存するときです。  そうすると、ファイルのアイコンが、歯車みたいなのがついてるアイコンになりますよね?  元々は、その歯車がついていました。  アイコンに、マウスをのせたりプロパティを見ると、カスケードスタイルシートとでていました。  「既定のプログラムを選択」 でメモ帳に選択してみたら、アイコンがメモ帳のアイコンに。  アイコンに、マウスをのせたりプロパティを見ると、CSSファイルとでます。  OSがvistaなので、「ファイル」のアイコンだけ変えるのはできないそうで、  拡張子がそのままなので、使えるとは思いますが、  歯車がついてる方がいいので、元の「歯車のファイル」にするやり方を教えてください。  お願いします。

  • cssのcontentプロパティについて

    カスケードスタイルシートのcontentプロパティに相当する、IEでの設定方法について、ご存知の方教えていただけないでしょうか。 Webページ作成時、各ページに決まり切った文字列を<body>中に表示させる場合に、適当なclassを定義しておけば手軽に使えると考えたものですから。 JavaScriptは、いろいろと差し障りがあって使いたくないもので、cssで処理しようと思っています。

  • CSS 2段2列?についてです

    css初心者です。 このようなボックスを作りたいと思ってます。 http://park17.wakwak.com/~shiyuan/test/1.gif このABCDのボックスなのですが floatでABを左右に振って その後<br clear="all">にして CDもfloatで左右に振る みたいな感じでいいのでしょうか? それともAB,CDを囲むDIVのボックスを更に追加した方が いいのでしょうか? 宜しくお願いします。

    • ベストアンサー
    • CSS
  • CSSの記述

    HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。

    • ベストアンサー
    • HTML
  • CSSについて

    カーソルがルンク先文字にふれた時に色が変わり、 リンクしたあとリンク済みになるCSS( スタイルシート)はこれでいいでしょうか? リンク済みの色が変わりません。 <!-- <style type="text/css"> --><!--A:HOVER{position : relative;top:2px; left:2px;} </style> --> <style type="text/css"> <!--A:link {color:#000055; text-decoration:none; } A:visited {color:#000055; text-decoration:none; } A:hover {color:#ff3300; text-decoration:underline; }--></style>

    • ベストアンサー
    • HTML
  • ジオシティーズでのCSS反映について

    HP作成初心者です。 現在ジオシティーズにてHPを作成しています。 素材屋さんからお借りしたテンプレートを使用しているのですが、ジオシティーズへファイルアップをしてもCSSが反映されていません。 画像・入力した文字なども中途半端な反映で、見えたり見えなかったりしました。 外部リンクタグ等は  <link rel="stylesheet" href="style.css" type="text/css">です。 自PCからのブラウザで確認した所、CSSも反映されていますしやりたいデザインになっているのですが、ジオへはどう反映させればいいのでしょうか。 ヘルプも見たのですが「書式」というのがどこから見るものなのかが今ひとつ分からずにいます。 http://help.yahoo.co.jp/help/jp/geo/create/create-22.html 初心者的な質問で申し訳ないのですがお教えくださると嬉しいです。

  • 外部cssがうまくできません。

    外部cssがうまくできません。 よろしくお願いいたします。 ホームページ作成初心者です。 Mac OS X Snow Leopardです。 デスクトップに Homepageというフォルダを作成しました。 そのHomepageフォルダの中に、 index.htmというファイル -----------以下内容------- <html> <head> <link href="style.css" rel="stylesheet" type="text/css"/> </head> <body> 背景を青くしたい </Body> </html> ----------------------------------- とstyle.cssというファイル ---------以下内容----------- body {background-color: blue} ----------------------------- を テキストエディットで作成しました。 背景を青くしたいのですが、なりません FirefoxでもSafariでもなりません。 何が間違っているのでしょうか? 教えていただきたいです。 よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • フレームを使わないページの移動方法

    http://park16.wakwak.com/~html-css/tag_dictionary/dic_page.html 上記のサイトのように、左側にある「ページ」「テキスト」「スクロール」というリンクをクリックすると右側に各ページが表示されます。しかし「ページ」「テキスト」「スクロール」は変わっていません。フレーム、アイフレームも使ってないみたいですが、どのように右側のページだけを変更しているんでしょうか?

  • CSSで複数ページに、同じ文字列を表示できますか?

    初心者ですが、フレームを使わずに、複数ページに同じ文字列を表示する方法を教えてください。CSSではできないのでしょうか?

    • ベストアンサー
    • HTML
  • cssでリンクをはった文字の色が変わらない

    前任者が作ったcssのファイルを使っています。私自身はhtmlは使えるのですが、cssは慣れていません。ひとつのページでリンクを張った文字が全部同じ色になってしまいます。 たとえば一部色を変えたいと思って <font color="#ffffff"><a href="aa.html">aa</a></font> というようにhtmlで色の指定をしても色が変わってくれません。リンクを張らない文字はきちんと色が変わってくれます。 全部のコードを書くことは長すぎかつどこがcssなのかわからないのでできませんが、そのような状況が一般的におこりうるのか?どのように対処するべきなのかご存知の方がおりましたら、よろしくお願いいたします。