HTMLから複数のCSSファイルへのリンクを＆でつなぐ方法
- HTMLから複数のCSSファイルへのリンクを効率的に行う方法について解説します。
- 外国サイトで見つけたHTMLから複数のCSSファイルへのリンクを＆でつなぐ記述方法について考察します。
- 新しい記述方法として注目されるHTMLから複数のCSSファイルへのリンクを＆でつなぐ方法のメリットを紹介します。
- ベストアンサー
HTMLから複数のCSSファイルへのリンクを＆でつなぐ方法
今日たまたま見た外国サイトで<HEAD>内のCSSリンクの記述方法を以下のようにしているのを見つけました。 今まで見たことのない記述方法だったので、これは果たして有効なのか？新しい記述方法？ 少し気になったので、この記述方法をご存知の方がいましたら、この記述方法のメリットがあれば教えていただきたいと思います。 <link href="http://www.example.com/css/css&f=reset.css,global.css" media="screen" rel="stylesheet" type="text/css" > 参考元：http://www.tweeeeet.com/
- n4416
- お礼率46% (6/13)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
静的ファイルじゃなくて、mod_rewriteでもやっていて実体はサーバ側プログラム(CGI/php etc)を呼んでいるんじゃないかな。 ＆以降（あるいはその前の'CSS'あたりから）がそのプログラムに渡しているクエリ（パラメータ）って事では？
関連するQ&A
- 一部のページにデフォルトCSSを読み込ませない方法
一部ページにCSSを読み込ませない方法がありましたら、 ご教授ください。 例えば、 全ページに以下のCSSを共通で読み込ませてあります。 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> しかし、test.htmlだけ <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> を読み込ませたくありません。 つまり、 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> は通常通り読み込んで、 <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを 除外したいです。 * 共通のCSSは外すことはできません。 * また、CSSを新たに追加することもできません。 * head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。 自分で検索もしてみたのですが、答えに辿りつけません。 どのような方法がありますでしょうか。 何か方法がありましたら、ご教授ください。 よろしくお願いいたします。
- 締切済み
- CSS
- HTMLメールの外部CSSが有効になりません
HTMLメールから以下のように外部CSS（http://から始めてます）を利用したいのですが、実際にOUTLOOK 2003 SP3で見るとスタイルが適用されていません。 ローカルで同じHTMLをブラウザで開くとスタイルは適用されます。HTMLメールのときは何か特別なことが必要なのでしょうか？ <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> ヘッダ全体を以下に掲載しておきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>TITLE</title> <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>
- 締切済み
- HTML
- link rel="stylesheet"について
htmlについて質問です。 <link rel="stylesheet" type="text/css" href="_webfonts.css?1523592274603" id="webfont-css"> こういうCSSを適用させるための記述は何を意味しているのでしょうか？ <link rel="stylesheet" type="text/css" href="_webfonts.css"> こういうような基本で学ぶような記述では駄目なのでしょうか？
- ベストアンサー
- HTML
- プリント用CSSについて
いつもお世話になります。 プリント用のCSSを作成しようと思うのですが、 複数記述してもエラーは出ないのでしょうか？ 説明がうまくないので具体例を書かせていただきます。 “a.css”“b.css"の各々のプリント用cssを “aprint.css”と“bprint.css"とした場合に <link rel="stylesheet" href="css/a.css" type="text/css" media="all"> <link rel="stylesheet" href="css/b.css" type="text/css" media="all"> <link rel="stylesheet" href="css/aprint.css" type="text/css" media="print"> <link rel="stylesheet" href="css/bprint.css" type="text/css" media="print"> この記述で不具合はないものかと悩んでいます。 それともa,bを統合して“c.css”という新たなものを作り、 プリント用“cprint.css”を設けるべきでしょうか？ できれば複数記述できると助かるのですが。 要領を得ない質問ですみませんが、ご教授いただけると嬉しいです。 どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- CSSファイルは、どこから読み込んでいるのか？
とあるWebサイトのソースを見たら、headの部分が次のようになっておりました。 <link rel="stylesheet" href="css/import.css" type="text/css" media="all" /> これは、普通に記述されていると思いますが、href="css/import.css"を開いてみたら、次の記述しかありませんでした。 @charset "utf-8"; /* CSS Document */ @import "common.css"; @import "top.css"; @import "text.css"; @import "faq.css"; @import "form.css"; これは、どういうことでしょうか？ CSSからCSSを読みこんでいるのでしょうか？ なぜ、htmlファイルに複数行をかけてCSSファイルを一つずつ読みこませないのでしょうか？ 何かメリットがあるのでしょうか？
- ベストアンサー
- CSS
- type="text/css"
<link rel="stylesheet" type="text/css" href="http://web.fc2.com/css/index.css"> と <link rel="stylesheet" href="http://web.fc2.com/css/index.css"> では意味同じですか？ type="text/css"は省略したほうがいいのでしょうか？ しない方が良いのでしょうか？
- ベストアンサー
- CSS
- 閲覧用CSSと印刷用CSSを分けることは可能ですか？
現在、WEBページをtable無しのCSSで作成しています。 普通に閲覧する場合には問題ないのですが、 印刷しようとすると外部CSSで指定している画像が 印刷できないため、#fff部分が消えてしまいます。。 その為、media="screen"とmedia="print"で使い分けて 印刷時には#fffを#999などにしようと思ったのですが、 閲覧時にそれが反映されてしまって、黒い画像に#999文字になってしまい上手くいきません。 現在の記述は、 <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css media="print"> です。 色々サイトを見たところこの方法であってると思ってたのですが 何が間違っているのでしょうか？？ もしくは、他に印刷時も閲覧画面と同じように見せる方法があれば 教えてください。よろしくお願い致します。
- ベストアンサー
- HTML
- <head>外での、外部css、外部jsの読み込み
基本的な質問で失礼します。 <head>内ではなく、たとえば<body>内に外部cssと外部jsを読み込む際、 今まで、以下のようにスクリプトを書いて読み込んでおり、うまくいっていました。 <script type="text/javascript"> document.write('<link rel="stylesheet" type="text/css" href="hoge.css" media="screen,print">'); document.write('<script src="hoge.js" type="text/javascript"></script>'); </script> ところが、あるサイト作成時、上記スクリプトでは効かなくなってしまいました。 （HTML 4.01 Transitional） そこで、<head>内で書くように、以下のように記述したら、うまく機能しました。 <link rel="stylesheet" type="text/css" href="hoge.css" media="screen,print"> <script type="text/javascript" src="hoge.js"></script> 自分の中では、この記述は<head>内で書くときであって、<head>外ではうまく読み込めないと思っていたのです。 そもそも、<head>外なのに、このような書き方をしてよいものでしょうか？ まぁ、きちんと読み込めていて、動きも期待通りだから良いのでしょうが… 皆さん、どのように読み込んでいるのかなっと思い質問してみました。 どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
- CSSの読み込み開始までラグがあります
header.php、main.php、footer.phpの３ファイルを作成して、 index.phpに include './header.php'; include './main.php'; include './footer.php';などとして読み込ませました。 cssファイルは、header.phpの<head>に <link rel="stylesheet" type="text/css" href="header.css"> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="footer.css"> の形で記述されています。 javascriptがあり、これも同様に<head>に記述されています。 以上のファイルはすべて同じフォルダ内にあり、これをlocalhostで表示させました。 これをchromeで要素を検証してみたところ、 cssの読み込み開始までに2秒近いラグがあります。 このラグの考えられる原因は何があるでしょうか。 どなたか心当たりのある方、教えてください。よろしくお願いします。
- ベストアンサー
- CSS
- ベーシック認証 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
