![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
HTMLで、CSSの見方を学習している場合について、お聞きしたいと思います。
例えば、実際に日本で公開されていて、見れるホームページで、
http://www.gauge.co.jp/
を参照したとします。
すると、この場合、落としたファイルから、CSSを見ようと思っても、
「 common.css 」というファイルがあり、その中には、「 @import "global.css";、@import "base.css"; ・・・」と、全部で11の「 @import "・・・.css" 」ファイルがあるだけで、普通、よく見かけるcssの記載らしきものが、見あたりません。
このような場合は、どこを見れば書いてあるのでしょうか?
できれば、今回のページの、
http://www.gauge.co.jp/
を例にして、具体的にお教えいただければと思います。
詳しい方がいましたら、よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
@import
★6.3 @import規則(The @import rule) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
★4.1.5 @規則(At-rules) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
★また、取り込まれたスタイルシートは、その@import規則が存在するスタイルシートと同じ出所であるものとして扱われる。 ==6.4.1 カスケード処理の順序(Cascading order) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
要は@importされたスタイルシートは、呼び出された場所にそのまま置き換えられて適用されます。その後は通常のカスケードルールに従います。
なお、スタイルシートを調べたい場合、いちいちそれらのスタイルシートを開いてみても意味ありません。(このサイトのHTMLやスタイルシートはあまり参考になるものではありませんし)
firefoxとFirebug ( https://addons.mozilla.jp/firefox/details/1843 )を使って、調べたり修正してみるほうが良いでしょう。このサイトがスタイルシートの学習にまったく効果がないのは、CSS(カスケーディングスタイルシート)でありながら、カスケーディング機能をまったく利用せず、ほとんどすべてを一意セレクタによって行っているからです。クラスセレクタや要素セレクタはほとんど使用されていません。
特に問題なのは
【引用】____________ここから
注。
CSSではclass属性が非常に大きな力を持っている。 したがって文書作成者は、体裁に殆ど何の関係も無い要素(HTMLだとDIV要素やSPAN要素など)をベースにして、それらにclass属性でスタイル情報を与えれば、独自の構造化言語を設計できると考えられる。 しかし、文書の構造要素は広く受け入れられている一般的意味を持つ場合が多いので、こういった使用法は避けるべきである。 文書作成者が定めたクラス名では、意味を理解してもらえない場合もある。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[セレクタ/5.8.3 クラスセレクタ(Class selectors) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )]より
わざわざ仕様書で避けるべきとされている『体裁に殆ど何の関係も無い要素(HTMLだとDIV要素やSPAN要素など)をベースにして、それらにclass属性でスタイル情報を与え』てHTML/CSSが書かれています。言い換えれば最悪のHTML/CSSの書き方の見本のようなものです。
よって、あまり参考にならない、参考にしてはならない例の一つとしてご覧になるとよいでしょう。
・スタイルシート/画像を読まない設定にして読む
Lynxなどのテキストブラウザで読むと、さっぱり意味の読み取れないサイトになってしまいます。
No.2
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ブログの本文のみリンク色を変...
-
クリッカブルマップにツールチ...
-
CSS内で使われる山括弧の意味が...
-
CSSに同じclass名がいっぱい‥。...
-
Django 明細行にてボタンを押下...
-
idの中のid指定
-
cssで@importとある場合、どこ...
-
:hoverで他の要素の値を変更で...
-
htmlの文字が縦書きになる
-
HTML ul li で横並びにナビゲー...
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
divタグ内のコンテンツが重なっ...
-
画像イメージの上下左右、欲し...
-
<table>の高さ固定。情報増加時...
-
ボタンを横に並べて表示させる方法
-
含む含まないという概念自体の...
-
ワードにコピペ、画像が表示さ...
-
CSSで改行後の行間調整
-
widthやheightの数値に単位(px...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートでデザイン
-
外部css定義したclassをht...
-
Bootstrap3でcontainerがずれる...
-
CSSで、DIV#hogeという記述は何...
-
スタイルシートで、id属性の中...
-
一部のリンクの下線を消す
おすすめ情報