• ベストアンサー

スタイルシートについて

簡単なことで申し訳ないんですが、困っていますので。 あるサイトで、カスケーディングスタイルシートとジャバスクリプトスタイルシートという2種類のスタイルシートについて説明してありました。それがどんのものかという説明がありませんでしたので、違いがよくわかりません。どのような違いがあるのでしょうか? また、スタイルシートの優先順位なのですが「ユーザーによる設定→製作者側の設定→ブラウザの設定」なのか「製作者→ユーザー→ブラウザ」なのかが曖昧です。どちらが正しいのでしょうか?

noname#1605
noname#1605
  • HTML
  • 回答数5
  • ありがとう数7

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

  • ベストアンサー
noname#4486
noname#4486
回答No.5

大変失礼致しました。御気を悪くされていなければ幸いです。 補足します; JavaScript StyleSheet (以下JSS) と CSS はほぼ完全に異なります。 JSS では、一応JavaScriptのオブジェクト概念と、書式を流用してスタイルシートを作成しますが、 CSS では、HTMLの要素名(属性名)と、CSS独自の書式でスタイルシートを作成します。 (これは大雑把な言い方ですが、要は全く異なるということです。当然互換性皆無です。) JSSはNetscape一社の独自拡張で全く汎用性がありません。 CSSはWWWの標準化案策定勧告団体であるW3Cの勧告文書で定義された標準仕様で、世界中のブラウザなどはこの勧告に従います。 且つ、Netscape社はNetscape6でJSSを放棄しました。これから学習されるメリットは皆無です。 適用される順番は、 文書作成者、ユーザ、ブラウザの順番で優先度が下がります。 1.まずブラウザのスタイルシートがあり、 2.それをユーザが上書きし、 3.更に個々のページが上書きし、 最終的なスタイルシートをブラウザが適用すると云う順番です。 (!important と云うキーワードで、ユーザが自分のスタイシートの一部分を上書きされないように指定することも可能です。) 御参考になりましたら幸いです。

noname#1605
質問者

お礼

わかりやすい解答ありがとうございました。 気分を害しているようなことは全くありませんので、ご安心ください。それよりも感謝の気持ちでいっぱいです。 JSSについても、優先度についてもなんだかスッキリしましたし「!important」についても、使えばユーザーが優先になると本にも書いてありました。 本当にありがとうございました。

その他の回答 (4)

noname#4486
noname#4486
回答No.4

スタイルシートとは、構造化文書の見栄えを指定する仕組みです。 HTML文書のスタイルシートの標準はカスケーディング・スタイルシートです。 JavaScript StyleSheet はネットスケープの独自拡張です。多分 N.C.4.x でも正しく働くと思います。 I.E.はサポートしていません。 CascadingStyleSheet (CSS1, CSS2) は W3C の勧告です。即ち、標準仕様で、ブラウザはこの仕様に則って設計されるべきものです。  N.C.4.x は、 CSS を利用したページを正しくレンダリング(指定通りに表示)できません(Netscape6 はほぼ正しくレンダリングする)。このせいでCSSがあまり普及しません。  I.E.5.x 以上は、ほぼ正しくレンダリングします。  I.E.4.x は部分的にサポートしており、その範囲内ではほぼ正しくレンダリングします。  I.E.3.x以前、N.N.3.x以前はサポートしていないので、全く影響を与えず、プレーンなHTMLとしてレンダリングします。

参考URL:
http://www.fides.dti.ne.jp/%7Esugai/public/web/CSS/index.html
noname#1605
質問者

補足

少し説明不足だったようですので、補足させていただきます。 CSSについては、とりあえずはどのようなものかはわかっているつもりなのですが、JavaScriptStyleSheetsとはいったいCSSとどこが違うのかということが具体的に知りたかったので、よろしければ、その辺りのことをもう少し詳しく教えていただけないでしょうか?

noname#25358
noname#25358
回答No.3

 JavaScriptにはスタイルシートの概念がないので、何かの間違いであると思われます。はい。

noname#1605
質問者

お礼

間違いなんですかね? やはり、JavaScriptStyleSheetsについて記述のあったサイトの管理者に質問してみた方がよいのかもしれませんね。 ありがとうございました。

  • noby
  • ベストアンサー率38% (10/26)
回答No.2

カスケーディングスタイルシートは、スタイルを別ファイルに書いておいて、呼び出してそのスタイルを使用するものですよね。 ジャバスクリプトスタイルシートというのが何をさすかはよくわかりません。 javaスクリプトを**.jsファイルにして、ページごとに同じ記述をしないでも、CSSのように呼び出して使うことができるので、それをスタイルシートと呼ぶのでしょうか。 (あんまり聞いたことはない…。)

noname#1605
質問者

お礼

そうですよね。私もはじめてJavaScriptStyleSheetsというものを見かけたので、誰かご存知ではないかと質問させていただきました。 ご解答ありがとうございました。

noname#9414
noname#9414
回答No.1

JavaScriptスタイルシートって、聞いたこと ないのですが、どこのページでそのようなことが 書かれていたのでしょうか。 よかったら、補足してください。 ちなみに、優先順位は、 ユーザ設定→制作者設定→ブラウザ標準 のはずです。 ではでは☆

noname#1605
質問者

補足

JavaScriptStyleSheetsは以下のサイトで取り上げてありました。JavaScriptが使えるということと、CSSとほぼ同じということしか解説されていなかったもので、もっと詳しい違いや、どちらを使っていったほうがいいのかなど教えていただければと。 http://www.zspc.com/stylesheets/index.html 優先順位なんですが、私も最優先はユーザー設定だと思っていたのですが、秀和システム発行の「HTML&スタイルシート辞典」という本に、製作者の設定が最優先と書いてあったもので、実際のところはどうなのだろうと思ったんです。

関連するQ&A

  • ブラウザのスタイルシート設定の検出

    多くのブラウザに、「スタイルシートを使用しない」「ユーザースタイルシートを適用」などの設定がありますが、 スタイルシートの設定を、何らかの方法で検出したいので、方法を教えてください。 javascriptが使用できるか判定するように、スタイルについても判定したいのですが、 例えば、あるidに、display:inline; が適用されているか、display:blockが適用されているかを検出する方法であれば、javaScriptでもDOMでもアクションスクリプトでも、方法は問いませんので、よろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートについて。

    スタイルシートを設定するのはいいのですが、複数のスタイルシートを同時に設定するやり方が分かりません。 片方のスタイルシートを、インターネットオプション→全般タブ→ユーザー補助→参照→スタイルシートを指定→OK、これで適用します。 これと同じ作業をもう一度して、もう片方のスタイルシートも設定する。 するとその前に設定していたスタイルシートが適用されず、もとに戻ってしまいます。 これは私だけなのでしょうか? それかやはり他にスタイルシートを複数適用させるやり方があるのでしょうか? やり方の分かる方、回答の方をお願いしたく思います。よろしくお願いします。

  • スタイルシートの反映のされ方がIEとFirefoxで異なるのは何故?

    ■スタイルシート側 #style_a{ color:#000000; } .style_b {} .style_b a:link{ color:#ff0000; } ■HTML側 <div id="style_a"> <div class="style_b"> <a href="***.html">リンク</a> </div> </div> ↑…というようなソースを書いたところ、 Firefox(ver.2.0)では文字色が赤に、 InternetExproler(ver7.0)では黒になってしまいました。 その後、スタイルシートの優先順位は 記述による獲得ポイントによって決まるということを知り、 スタイルシートを以下のように修正することで 両ブラウザとも文字色が赤くなるように解決したのですが、 ■スタイルシート側 #style_a{ color:#000000; } #style_a .style_b {} #style_a .style_b a:link{ color:#ff0000; } このポイント制ってブラウザ毎に 微妙に異なるものなのでしょうか? もしそのあたりを解説してくれている ホームページや書籍などがありましたら 教えていただけませんでしょうか? よろしくお願いいたします。 ・参考としたページ http://www.stylish-style.com/csstec/base/order.html

  • スタイルシートを導入すべきか

    この度 JAVA(jsp)でWEBを作ろうと思っているのですが、下記のようなスタイルシートを導入しようと思っています。何か注意すべきことが書いてある URLなどありますか? また、スタイルシートを導入しなくても、 文字などがブラウザによって、左右されない仕組みはありませんか? http://www.msn.co.jp/home.htm

  • スタイルシートをそれぞれのページに作る?

    現在DreamWeaverでHPを製作しています。 そこで質問ですが例えば10ページ作る場合、スタイルシートも10個作ってそれぞれ適用させますか? 自分はスタイルシートを1個だけ作ってやっていたのですがどうも設定がかぶってしまう時があってこれはいいやり方ではないのかなと思ってます。 皆さんはどのようにやっていますか?参考意見お聞かせください。

  • スタイルシート font size

    レンタル掲示板にHTMLを挿入しています。 文字の大きさを指定する時に、 font size="○" で指定する分にはなんら問題はありません(大きさが変化します)が、スタイルシートでテーブルに table style="font-size:○px;" と指定しても変化がありません。 たしかに HEAD 内で指定はしていますが、スタイルシートの優先順位はタグに直接付けたほうが優先されるとあります。 HEAD 内の指定が優先されているようです。 なぜこうなるかがわかりません。 それともお借りしているレンタル掲示板のプログラムがまちがっているのでしょうか? よろしくお願いします。

  • スタイルシートについて<優先順位>

    いろいろ調べてみましたが、わかりません。 教えて下さい。 ■■■スタイルシートは複数の設定方法をサポートしていますが、同時にスタイルの設定を行った場合、最も優先される方法は下記のどれでしょうか?■■■■■■ 1.<head>内に記述されたスタイルシート 2.インポートされたスタイルシート 3.同じ属性に対しては重複して指定することはできない 4.リンクされたスタイルシート 5.タグにstyle属性で記述されたスタイルシート

    • ベストアンサー
    • CSS
  • スタイルシートの優先順位について

    以下のスタイルシートですが(1)の方が優先順位は高いと思いますが、 正確な獲得ポイントがわかりません。 (2)は 11ポイントと思いますが(1)は何獲得ポイントでしょうか? table.test td { /* (1) */ color: red; } .test td { /* (2) */ color: blue; } CSSの優先順位や獲得ポイントについての本家のサイトはあるのでしょうか?

  • ユーザースタイルシートの無効化

    WIN7を使用しています。 ユーザースタイルシートを設定しているので サイトの表示は個人設定になっていますが、 サイトによっては困る事があるので、 特定のサイトだけ、ユーザースタイルシートの無効化を行いたいのですが、 そのような記述は出来ますか?

  • スタイルシートを日時で切り替えるスクリプト

    スタイルシートをオプションボタンで切り替えたり、ブラウザによって自動で切り替えたりするフリーのスクリプトは見つけたのですが、時刻や日時で切り替えるスクリプトってありますか? 検索してみたのですが、前者ばかりで。 HPをなかなか更新する時間がないので、自動的にイメージチェンジするようにしたいのです。 よろしくお願いします。

    • ベストアンサー
    • CSS

専門家に質問してみよう