• ベストアンサー

CSSをHTMLファイルと別にするには？

CSS（カスケーディングスタイルシート）をHTMLファイルと別にするにはどうすればいいですか？ あと外部からCSSファイルは見ることができますか？

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

  • ベストアンサー
  • karita_83
  • ベストアンサー率45% (39/86)
回答No.4

ご回答ありがとうございます。 私自身、他の方の書いたCSSやHTMLを見てずっと勉強してきていたので、 隠したい、という気持ちがわからずに、質問してしまいました。 気分を害されましたらごめんなさい…。 デザインを盗まれたくない、がんばったのに真似されたくない。 という気持ちはわかります。 ですが、完全に、というのは無理であるということを踏まえていただいて、 http://www.broadband-xp.com/hidesource/ こんなサイトを見つけました。 どうぞ見てみてください。 ちなみに、common.cssなのですが、私の記憶違いで名前間違ってる上に見つけ出せませんでした・・・ 本当にごめんなさい。

rescue99
質問者

お礼

隠せるほどうまいコードを書けなかったです。 CSSはデザインでカラー情報もスポイトツールで取得できるので、 守るほどではないと感じました。 大変為になりました。ありがとうござます。 この質問とは別に、 CSSのdivパーツの配置がうまくいかない質問を投げかけました。 よろしければ、力を貸してください。。。ｍｍ http://oshiete1.goo.ne.jp/qa4843183.html この質問は締め切らせて頂きます。ありがとうございました！

その他の回答 (3)

  • karita_83
  • ベストアンサー率45% (39/86)
回答No.3

簡単にはcssは見れなくなる、くらいのものでよろしければ common.cssに突っ込んで common.cssとはまた別の場所に本当のcssファイルをおいて、 そこから読み出させるとかにすれば簡単には見れなくなると思います。 ただし、firebugなんかがあればcssファイルくらいなら簡単に見れちゃうので、 完全に誰にも見せない、っていうのは現状不可能だと思います。 なんでcss見られたら困るんですか？

rescue99
質問者

お礼

ありがとうございます。デザインを見られたくないのです。 common.cssに突っ込むとはどういうことでしょう？ common.cssに本当の.cssファイルを置くとは？？ common.cssに本当の.cssファイルのリンクを書くのですか＞＜

noname#119508
noname#119508
回答No.2

<style type="text/css"> <!-- 内容 --> </style> の内容だけコピーして、メモ帳とかに貼り付けて、『名前.css』で保存して <head>の中に <link rel="stylesheet" href="名前.css" type="text/css"> と追加してください （XHTMLだと<link rel="stylesheet" href="名前.css" type="text/css" />）

rescue99
質問者

お礼

ありがとうございます。 他の人にもcssファイルは見ることができるのですね。 それだと困ります・・。

  • koke29
  • ベストアンサー率58% (114/196)
回答No.1

参考URLを見てやってみて下さい >あと外部からCSSファイルは見ることができますか？ 例えばOKWAVEのindexのソースにある、<link rel="～ という記述が 外部CSSの指定なので、これの href=に入っているURLをコピって アドレスバーに貼り付け、EnterするとCSSの中身を確認出来ます ↑質問の解釈が間違ってたらスミマセン

参考URL：
http://pasokon-yugi.cool.ne.jp/website_kouza/css_file.html
rescue99
質問者

お礼

ありがとうございます。 他の人にもcssファイルは見ることができるのですね。 それだと困ります・・。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

  • 簡素化したHTMLを書けるようCSSを勉強中です

    出来るだけ簡素化したHTMLを書けるよう、CSSを勉強中なのですが、今はドリームウィーバーのCS5.5なのですが、ホームページビルダーでホームページ作りを勉強し始めたため、どうしてもホームページビルダーの癖が出てしまいますし、ＣＳＳの云わんとするところは理解出来るのですが、「じゃあ具体的にどうしたらいいの？！」ってなってしまいます。 具体的には、ＨＴＭＬだけで、TABLEを多重化させ書いていたページを、見た目を変えずに、ＴＡＢＬＥを使わずに、HTML（出来ればＸＨＴＭＬ）＋ＣＳＳ（外部ファイル）でweb2.0で書くとどうなるかとか、 画像のロールオーバーを≪<body onload=≫で書いていたのを同じくHTML（出来ればＸＨＴＭＬ）＋ＣＳＳ（外部ファイル）で書くとどうなるかとか、比較してあると「私は」分かりやすいのですが、そういうサイトをなかなか探し出せないでいます。 こういう事を比較して書いてあるサイトがありましたら、教えて頂きたいです。 また、検索エンジン最適化（Search Engine Optimization、SEO）にもＣＳＳは有効だという事ですが、≪<meta name="Keywords" content=≫等は、ＨＴＭＬファイルに書くか、ＣＳＳファイルに書いた方が良いのか、ＣＳＳに書くなら書き方は同じで良いのか等、分からない事だらけです。 よろしくお願いします。

    • 締切済み
    • CSS
  • ＨＴＭＬとは別に外部ｃｓｓを作りたいけど、読み込めずに困っています！

    　 　初めて投稿します。<(_ _)> 　 　実は、ＴｅｒａＰａｄを使ってホームページを作り始めました。 　今まで避けて通ってきたＨＴＭＬ言語を使っています。 　それだけでページを作ることもできなくはありません。 　ただ、ＳＥＯ対策を考えると、別にスタイルシートを作りたいところです。 　実際問題、「．ｃｓｓ」ファイルも作りました。 　書き方のサンプルを「．ｃｓｓ」ファイルにコピーしては、貼りつけました。 　 　しかし、何度も修正したにもかかわらず、 　指定したｈｔｍｌに反映してくれません。 ´へヽ; 　ｌｉｎｋのスペルは合っています。 　<link rel="stylesheet" href="sample.css" type="text/css" > 　また、ｃｓｓのファイル名も「sample.css」で保存しています。 　しかも、ｈｔｍｌとｃｓｓは同じファイル内に保存しています。 　<meta http-equiv="content-type" content"text/html ; charset=Shift_JIS"> 　これもスペルミスはないと思います。 　もしも、原因があるとしたら、 　いったいどこにあるのでしょうか？ 　１行目に書いた、この文章なのでしょうか？ 　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Traｎsitional//EN"> 　ｈｔｍｌとｃｓｓの名前が一致していないからなのでしょうか？ 　ちなみに、ｈｔｍｌの名称は「sample2」、cssは「sample」です。 　それとも、他に原因があるとすれば何なのでしょうか？ 　 　最初にスペルを間違えたのが原因なのでしょうか？ 　 　ＷｉｎｄｏｗｓのＶｉｓｔａと関係があるのでしょうか？ 　読み込めない原因につきまして、 　どなたかわかる方がいらっしゃいましたら、 　ぜひ回答をお願したいと思います。 　心より、お待ちしています。<(_ _)>

  • 外部CSSが読み込めません/HTML

    HTMLにおいて、外部CSSを読み込めず困っております。 ググって対処法を実践しても一切反映されません。 現在下記のisaraというサイトを模写しております。 https://isara.life/ HTMLにおいて linkタグでCSSファイルを読み込んだのですがCSSが一切反映されず困っております。 HTMLとCSSファイルは同一フォルダ内にあります。 HTMLファイル名：isaramosya.html CSSファイル名：isaramosya.css HTMLの記述 <link rel=”stylesheet” href="isaramosya.css"> いくらググっても原因がわからず困っております。 原因思い当たる方いらっしゃいましたらお答えいただけましたら幸いです。

    • ベストアンサー
    • CSS
  • HTMLタグが書かれた外部ファイルを、HTMLファイルに読込みたい

    複数のHTMLファイル内で、同じHTMLタグを書く部分がいくつかあります。 それらのHTMLタグの部分を外部ファイルか何かにして、HTMLファイル内で読み込むようにすることは出来ますか？ JavaScriptでは外部ファイル（jsファイル）の読み込みはできるようですが、HTMLではできないんでしょうか？ ※尚、CSSではやりたい事は出来ませんでした。 共通化できるのはスタイルだけなので・・。 私が共通化したいのは、HTMLタグです。 例えば <TD>hogehoge</TD> や <IMG src="hoge.jpg"> などのタグを複数のHTMLファイルで共有する為に 外部ファイル化したいんですが そんなことって出来るのでしょうか・・？ 上記のようなタグを複数のHTMLファイルで共通できる手段であれば、外部ファイルという形式じゃなくても別にいいのですが・・

    • ベストアンサー
    • HTML
  • HTML外部参照CSSについて

    HTML外部参照CSSについて HTMLから外部CSSを読み込むrink relとCSSから外部CSSを読み込む@importがありますが、どちらのやり方のほうがいいのですか？

    • ベストアンサー
    • HTML
  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば１．文字の大きさ２．リンク下線消し３．行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか？ それとも一つのファイルには一つの設定しか書けないんでしょうか？ あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか？ そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか？ いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • DREAMWEAVERでCSSを外部ではなく直接HTMLに書き込む方法

    DW８を使っているのですがCSSを書き込むのに外部ファイルの作りかたは わかるのですが、HTMLに直接書き込んでいくやり方がわかりません。 DW8でCSSを手打ちではなく右のCSS設定でやっていく方法で自動でHTMLに 書きこまれいくやり方ってないのでしょうか？ 分かる方いらっしゃいました教えて下さい。

  • CSSがHTMLに反映しない

    CSSをはじめて使う者です。XPでIEを使っています。 解説サイトの最も簡単そうなプログラムをコピペし、 HTMLファイルと外部CSSファイルを同じフォルダ（デスクトップにあるtopフォルダ） に入れてHTMLを開いたのですが、CSSを全く読み込まず、HTMLのテキストしか表示されません。 ★HTMLデータ（top.html） ------------------------ <HTML> <HEAD> <link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css"> </HEAD> <BODY> <div class="selecter">文字が赤くなり、左に5pxの罫線が引かれます。</div> </BODY> </HTML> ★CSSデータ（top.css） ------------------------ .selecter { color:#ff0000; border-left:solid 5px #ff9900; } ・他のサイトにはHTMLファイルのstylesheetに""があったので付けてみたのですが、意味なしでした。 ・他のサイトの形が異なるCSSも試したのですが同様の状態だったので、HTMLのHEADの部分が怪しいと思い、ファイル名指定を"top.css"に変えたりしたのですが、意味なしでした。 ・CSSは最初メモ帳で書いたのですが、拡張子がどうしてもCSSになってくれなかった（top.css.txtになる）ので、ワードパッドで書いて保存したら、拡張子は正常にCSSになりました。ただ何故かアイコンが、プログラムが見つからない時に表示される奴になっています…。 スタート地点から躓いていて非常に恐縮なのですが、何卒よろしくお願いいたします。

  • cssで外部ファイルを読み込む

    XHTML+cssで制作中ですが、XHTMLの中にcssで外部ファイル（HTMLページ）を読み込むことはできますか？ インラインフレームでやれないかとも思ったのですが、やってみたらインラインフレームの下のデータが表示されなくなってしまいました。 書き方が悪かったんでしょうか。 cssで読み込みができればいいんですが。。。 教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • XML
  • 【CSS】HTML直書き→外部ファイルにしたい

    HTMLにCSSを適応する方法としていくつかあると思いますが、 こんな風に↓ <div style="height:90px; width:300px; text-align:center; float:left;"> HTMLソース内に『直書き』してあるものを外部CSSに書き直すには どうしたらいいですか？ 当方、他の外部CSSをちょこっといじって変更したり HTMLの簡単な更新経験程度の知識しかありません。 タグ名｛プロパティ：値｝みたいなルールは分かるのですが、 すべてを最初から書くのが初めてで、何から手を付けていいのか 分かりません。 こうしてみたら？とか、私ならこうする、という アドバイスを頂けると助かります。 お詳しい方、回答よろしくお願いします！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する