- 締切済み
cssについて質問です。
bodyタグによく <body class="HOME">とついていますがどういう意味なんでしょうか。 調べたのですが、 それぞれのOSや、ブラウザによって「win」「mac」「other」「ie」「safari」などと追加すると書かれていたのですが、 HOMEというのがなく、また追加することによってのメリットはどういったものになりますか？ よろしくお願いします。
- oshirase
- お礼率0% (0/1)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- mibusys
- ベストアンサー率60% (18/30)
# それぞれのOSや、ブラウザによって「win」「mac」 # 「other」「ie」「safari」などと追加する これは、どのような文脈でかかれていたのか分からない限り これだけの情報では判断できません。 「class="HOME"」の意味で言うと そのタグに「HOME」という名前のクラス属性を付与するという意味です。 クラス属性をつけたら何がうれしいかというと、 スタイルシートで指定のクラス名を持つ要素すべてに対し 同じ性質を与えることが出来ます。 bodyにclassはあまり意味は無いと思います。 なのでいいい例ではありません。 例えば、div要素が10個あって、そのうち5つに 文字のサイズ・枠線・文字色・フォントの種類・余白 等を設定したい場合に、classを指定すればシンプルに記述できます。 異なる要素でも横断的に設定できます。 簡単なサンプルを示しておきます。 このままでhtmlファイルと保存して、IEなどで表示してみてください。 <div>a</div> <span class="home">a</span> <span>b</span> <div class="home">b</div> <pre>c</pre> <pre class="home">c</pre> <style> .home {color:red; font: 20px bold; background-color: #33f;} </style> とほほのスタイルシート入門（基礎知識） http://www.tohoho-web.com/css/basic.htm#Class
関連するQ&A
- Windowsの人のメインブラウザは？
MacならSafariかFirefoxかな？と勝手に思ってるんですが、今のWinの人はたいていどのブラウザを常時使用しているものなんですか？ Macで作ったwebページを、Winのブラウザで確認するとき、最低これだけはチェックしてくれ！という常識ブラウザや多くの人が利用しているだろうブラウザを全て教えて欲しいのです。 MacでIEをメインにしてる人はかなり少ないと思うんですが、WinはやっぱりIEが一番なんですか？ いろいろ教えてくれると助かります。
- ベストアンサー
- ブラウザ
- CSS（@print）で、画像のaltを印刷させる
ぺこ一号と申します。 いつも皆さんの迅速な対応に舌を巻いております。 ぜひ、ご教授いただけますと幸いです。 ▼やりたいこと 印刷用のスタイルシートの設定の中で、 画像の表示を、画像ではなく、 imgタグに設定しているalt属性を表示（印刷）させる。 ▼コーディング仕様 ・xhtml+css ・対象OS：MAC／WIN ・対象ブラウザ：IE、safari、firefox（いずれも最新版） ブラウザ依存があってもかまわないのですが、 できることなのかどうか 教えていただけませんでしょうか。 ただ、サイトやタグ辞典なども含め調べてみたところ 現在、9割不可能と思っております。 （音声ブラウザやテキストブラウザ用の属性だから当然なのでしょうか・・） こちらで、皆様からのご意見を伺って 結論を出したいと存じます。 何卒よろしくお願いいたします。
- ベストアンサー
- HTML
- CSS 文字コード宣言をはずした時の弊害について
bodyタグに font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; を設定してるのですが @charset "Shift_JIS" をはずすことによって弊害はございますか？ 今のところ、文字化けやデザイン崩れなどは起こっていません WindowsXPで下記のブラウザ確認済み IE6、7、8 FireFox2 Opera10 GoogleChrom10 Apple Safari4 ブラウザバージョンの違いや、OSの違いにより文字化けやデザインが崩れなど起こるのでしょうか？ よろしくお願いします
- ベストアンサー
- HTML
- body classについて質問なんですが
facebookのソースで<body class="fbIndex UIPage_LoggedOut ie8 win Locale_ja_JP">とあるのですがどういう意味を持つのでしょうか？
- ベストアンサー
- インターネットビジネス
- WIN環境でのホームページ制作
現在WIN環境にてホームページを作っているのですが、MACがないのでMAC版IEやsafariなどのブラウザで表示確認をすることができないでいます。周りにMACを使っている人が居ない為、確認してもらうこともできません。 WIN上にてMAC板IEやsafariにて表示確認ができるようなツールはありませんでしょうか？また私と同じような環境の方は、このような場合どうしておられるのでしょうか？よろしければアドバイスお願いします。
- ベストアンサー
- HTML
- macとwinだとフォントのサイズが異
macとwinだとフォントの サイズが異なりデザインが崩れてしまいます。 一応サイズはcssで指定していますが・・・ winで見ると枠に収まっているのに macで見ると収まりきれずに枠が大きく なってしまいます。 macとwinのフォントサイズを 統一させるにはどのような 指定をしたやよいでしょうか？ ちなみに使用ブラウザは win・・・FireFox、IE6,7,8、Opera、Safari mac・・・FireFox、Opera、Safari です。
- 締切済み
- その他([技術者向] コンピューター)
- 文字と画像がかぶって見えてしまうHP
こんにちは。よろしくお願い致します。 Mac10.4 safariとFirefox を使用していますが どちらのブラウザーを使用しても 文字に画像が重なってしまって 文字が読めないHPをたまに見かけます。 （Win IEで見たらちゃんと見れました） これはどうにかしてMacで見る方法は無いものでしょうか？ 稀にsafariで見れず、Firefoxではちゃんとした型で見れるHPもありますが ほとんどがどちらのブラウザーでも同じに見えてしまいます。
- ベストアンサー
- Mac
- 全てのブラウザで崩れないCSS
XHTML+CSSでウェブサイトを構築している者です。 サイトがある程度出来上がってきて各ブラウザでチェックをしていたのですが、検索エンジンのキャッシュで崩れていた事に気づきました。 崩れた原因を調べ、なんとか対応したのですが、FirefoxのGoogleキャッシュは崩れずIE7のGoogleキャッシュでは崩れています。 そこで、ブラウザ、OS、検索エンジンキャッシュで見ても崩れない(ブラウザごとの多少の違いはあると思いますが)CSSの決まりがあれば知りたいと思いました。 無料ブログサービス(アメーバ等)のデフォルトテンプレートはどんな環境でみても崩れないと聞いたことがありますが、可能なのでしょうか… ■作成したサイトをチェック→ブラウザ XHTML 標準モード+CSSハック使用 ・Win Firefox 2 3 ○ ・Win IE 6 7 ○ ・Win IE 5以下 CSS無効 ・Mac IE 5 CSS無効 ・Win Opera 9 ○ ・Win Safari 3 4 ○ ■作成したサイトをチェック→キャッシュページ 後方互換モード ・FireFox3でGoogleキャッシュを見たとき→○ ・IE7でGoogleキャッシュを見たとき→崩れる 原因はIE7の後方互換モードに対応できていないことだと思います。 IE7後方互換モードに強いサイト等を紹介してもらえたら嬉しいです。 よろしくお願いします！
- 締切済み
- ブログ
- MacのfirefoxでCSSが読み込まれない件
初めまして。 現在XHTML+CSSでサイトを製作しているのですが、ブラウザチェックの段階で、「MacのFirefox」だけCSSを読み込んでくれません。 MacのOPERA、SAFARI WinのFirefox、IE は問題なかったのですが、Macのfirefoxだけダメなんです。 記述は「@import」ですが、個別設定（３つのCSSファイルを個別にhtmlに指定）もやってみましたがダメでした。 このような事態になった方はいらっしゃいますでしょうか？ どうか、助けてください、よろしくお願いします。
- ベストアンサー
- Mac
