- ベストアンサー
CSSのリンク
CSSに限らずなんですが、数ページでフォルダごとにHTMLがありまして、そこに画像があります。 皆同じ画像なんですがその場合今はそのフォルダごとに画像が入ってますが、一つにまとめて画像用のフォルダをつくりそこにリンクしたほうがよいのですか。 いちいち読み直すのに時間がかかるかもしれないので。 だけど画像は１KBとか2KBのロゴです。 本題のCSSでこれも画像のように一つ一つなんですが、CSSに約30個のセレクタ？があったとして（実際そのくらいあるのですが。多いですよね。） そのサイトごとで違うのは3～4個ぐらいです。その場合現状維持でよいのですか、それともまとめて（40くらいになりますが）最初に重いのを一回読ませて、後はそれを使っていったほうがよいですか。 それでも実際はCSSが30くらいのセレクタで3.8KBで実際そんな重くない？ので個々のリンクで対応してもいいのですか。
- Tatachi
- お礼率41% (27/65)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#2です。 複数のスタイルシートをリンクすることも可能なので、全ページ共通のスタイルシートと、各ページ用のスタイルシートに分けるという手もありますよ。
関連するQ&A
- CSSのことで教えてください
HTML+CSSでHPを作りました。 CSSは外部フォルダに入れて、HTMLからリンクさせてます。 そして問題なく表示されるのですが、CSSの読み込みが遅いため、HPデザインがバラバラになってしまいます。（CSSを読み込まない状況となりますが、Ｆ５キーでリロードさせると解決します） この遅延を解決する方法はありませんか？ 補足ですが、CSSは2KBで、HPは6KBです。そしてグーグルクロームやファイヤーフォックスでも同じ状況となります。サーバーはすこぶる快適な環境です。（レンサバ） よろしくお願いします。
- 締切済み
- HTML
- リンク画像をCSSを使って背景画像にするメリット
リンク画像をCSSで設定するメリットは何ですか？ 左上の「OKwave」のロゴマークもそうですが、なぜHTML言語のimgタグとaタグの組み合わせで、リンクを作っていないのでしょうか？ CSSで画像を背景画像として設定するメリットは何なのでしょうか？ すいません、ご教示願います。
- ベストアンサー
- CSS
- CSSでのリンク指定（？）
現在、外部ＣＳＳで、<h1>タグの背景にタイトル画像を表示するように設定しています。 ＨＴＭＬ上の<h1>タグ内では、タイトルに値するテキストを入れていますが、ブラウザの表示できない所においやってあります。 その表示されているタイトル画像（h1で表示している部分）に他ページへのリンクを設定したいのですが、こうした場合のリンク設定はどのようにすればよろしいのでしょうか？ ＣＳＳ内で設定することは可能なのでしょうか？ それとも、ＨＴＭＬ上でなんらかの形でリンク設定を行うものなのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- ベーシック認証 CSSリンク
Basic認証でアクセス制限をかけたディレクトリにあるファイルから、Basic認証でアクセス制限がかかっていないディレクトリにあるCSS（スタイルシート）にリンクさせることはできるのでしょうか？ やはり、Basic認証でアクセス制限をかけたディレクトリにあるファイルから、Basic認証でアクセス制限がかかっていないディレクトリにあるファイルにリンクを張るのは、無理ですかね? 例： ディレクトリ構造： [Web]（ホームページデータ格納用ディレクトリ） [Web]フォルダーには、以下のファイルとフォルダが格納されています。 index.html [css](cssフォルダの中身：example.css) [basic]（basicフォルダの中身:.htaccess 、.htpasswd 、.data1.html ） 上記のディレクトリで、data1.htmlの<head></head>タグ内に下記HTMLコードを記述すれば、data1.htmlからexample.cssにリンクさせることは、できるのでしょうか？ HTMLコード： <link href="../css/example.css" rel="stylesheet" type="text/css"> よろしくお願いします。
- ベストアンサー
- HTML
- CSSの使い方の流儀？
先日業者にホームページの作成を依頼したところ、 子孫セレクタを駆使したCSSを使ったページが できあがってきたのですが・・・ たとえばこんな感じ <div id="header"> <div class="block1"> <span>・・・・・・</span> ・・・・・・・ </div> <span>・・・・・・</span> ・・・・・・・ </div> <div id="contents"> <div class="block2"> <span>・・・・・・</span> ・・・・・・・ </div> <span>・・・・・・</span> ・・・・・・・ </div> これに対して CSSでこんなスタイルが設定されています（セレクタ部のみ抜粋） #header .block1 #header .block1 span #header span #contents .block2 #contents .block2 span #contents span 私だったらわざわざ複雑な子孫セレクタを使わずに、 個々にクラスかIDを設定すると思うのですが・・・ また、ただ画像が貼ってあるだけと思ったら、 CSSでspanの背景画像として貼ってあったり、 ただの仕切り線と思ったら、 やはりdivのボーダーラインを使っていたり・・・ こういう作りって一般的なのでしょうか？ あるいは、何か利点があるのでしょうか？ ブログのカスタマイズなどだと、元のHTMLを自分で直せない場合が多いので、 こういうコトをすることが良くある、というのはわかるのですが・・・ あまりにHTMLのタグの構造とCSSが密接に絡んでいて、 ほんの一文追加しようとしただけで苦労していまして・・・ なんでこういう書き方なのかな・・・と、 不思議に思っています。。
- 締切済み
- HTML
- 同じHTMLに、違うCSSを適用させているリンクについて
こんにちは。 同じHTMLに、違うCSSを適用させている aタグについて教えてください。 具体的には「イオブログ」というサイトのブログテンプレート一覧が表示されているページがあるのですが、 http://blog.eonet.jp/tmpparts/index.html 一覧の画像のリンクが http://blog.eonet.jp/tmpparts/sample.html?style=eoblog/az/theme.css 上記のような.cssでおわるリンクになっていました。 http://blog.eonet.jp/tmpparts/sample.htmlというHTMLファイルに、 違うCSSを適用させているようなのですが、どんな仕組みで表示されているのか（例えばCGIとか）よくわかりません。 もしおわかりのかたがいらっしゃったら、よろしくおねがいいたします。
- 締切済み
- デザイナー・クリエイティブ職
- CSSを使ったサイトデザインについて
最近、雑誌などを参考にしながらCSSを使ったサイトデザインに挑戦しています。 そこで疑問に思っているのは、画像の配置方法についてです。 画像をHTML上で配置するのか、CSS上で配置するのかどちらがベストなんでしょうか。（当然、場合によって違うので答えはないのでしょうが） たとえば、gooでいえば左上のロゴマークをHTML上で挿入してCSSで配置するのか、CSSで画像の挿入も含めて配置するのがベストなのか、どちらなのでしょう。 それとも、一定の基準があるのでしょうか。 アドバイスお願いします。
- ベストアンサー
- CSS
- 外部CSSで画像にリンクを貼りたい
まだCSS初心者ですので宜しくお願いします。 外部CSSに位置指定した「画像」にリンクを貼りたいのですが いろいろ調べてもその方法がわかりません。 以下のタグにどのようにリンクの指定をすればよいでしょうか？ div#index{ margin-top:5px; background:url(../img/oribox.gif) no-repeat right bottom; } また、HTMLにはどのように記述したらよいかも宜しくお願いいたします。
- ベストアンサー
- HTML
- CSSで文字をリンク付き文字へ変える
CSSを使って、文字を画像へ置き換えることが出来るということを知ったのですが、 ある文字をリンクつきの文字へ置き換えることは可能ですか？ たとえばこんなかんじです。 実際のソース aaaaa uaaaaa CSSの定義で aaaaa⇒<a href="http://">あいう</a> 表示されるもの あいう uあいう という感じで、あいうはhttp://のリンク入り。 調べてみてもヒットしないので、出来ないのかなという感じがしますが。 CSS以外でも方法があれば教えていただきたいです。 わかる方、回答よろしくお願いします。
- ベストアンサー
- HTML
- サイト全体のCSSクラスタ名を変えるには？
ホームページを勉強の為に作っていて、 とりあえずよく分からないから適当にCSSセレクタ名を付けて作業していたのですが、 後で出来上がったホームページを他人に見てもらう為に、セレクタ名を変えたいと思いました。 ただ、CSSファイルの方を・・・例えば、「.setumei」と書いてたものを「.description」と打ち直して保存したとしても、その「.setumei」を使っているHTMLの方は、ただCSSセレクタを読み込めないだけで、HTMLを全部手打ちで修正しないとちゃんと表示されないですよね？ もっと簡単に、CSSセレクタ名を変えるだけで、サイト全体のそのセレクタを使っているところが全部一気に修正できるような方法はないでしょうか？ 例えば、そういった事ができるソフトがあるとか・・・ ご存知でしたら、教えて頂けると助かります。どうぞ、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
お礼
管理が面倒でなければ、分けていても問題ないのですか。 ありがとうございます。