- ベストアンサー
全称セレクタについて
- 全称セレクタについて調べてみたところ、paddingとmarginに0を指定する理由がよく分からないです。
- また、htmlにoverflow: 0;を指定することの意味も知りたいです。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 全称セレクタでPADDING:0を指定したら、TABLEのPADDINGが指定できなくなった
タイトルどおりです。なぜなんですか? ちなみに、HTML4.01のDDTで作ってるHPです。 全称セレクタで、PADDING:0を指定してると、 どうTABLEにCELLPADDINGを指定しても、ぜんぜんPADDINされません。 全称セレクタの設定を消せば、ちゃんとテーブルでパディングされるんです。 なぜでしょうか? 全称セレクタは優先度が一番低いセレクタのはずですが、テーブルのタグはそれよりさらに低いということでしょうか
- ベストアンサー
- HTML
- ユニバーサルセレクタで指定したのに・・・?
CSSのユニバーサルセレクタについて質問です。 CSSで、* {margin:0;padding:0;}とユニバーサルセレクタを指定しているのですが、下位でh2に{padding-left:10px;}を指定すると、h2の文字列の開始位置が10px下がります。 使用上問題はないのですが、これはなぜでしょうか? 何か私の指定が間違っているのでしょうか?
- ベストアンサー
- CSS
- セレクタでidは使わない?
http://coliss.com/articles/build-websites/operation/css/css-lint-rules.html のサイトで、 「セレクタでidは使わない セレクタでの指定にはidではなくclassを使用するようにします。 idは再利用しにくいです。」 と書いてあるのですが、IDは使わず、全てCLASSにするといいということでしょうか?
- 締切済み
- CSS
- CSS idセレクタについて教えてください
いろいろな Web の CSS を参考にして CSS を書いているのですが、id セレクタの並列記載について理解が出来ないので教えてください。 とある Web にあった CSS の記述で、 #contents { margin: 0px; padding: 0px; width: 800px; background: #FFFFFF; } #header { margin: 0px; padding: 0px; background: #FFFFFF url(title.gif) no-repeat center top; height: 60px; width:800px; text-align: center; display: block; position: relative; } は理解できるのですが、左側にメニューを配置する設定に関して #contents #sidemenu { margin: 5px; padding: 0px; float: left; width: 160px; text-align: left; background-color: #FFFFFF; } となっていて、#sidemenu ではなく、#contents #sidemenu となっていました。 <div id="contents"> あいうえお <div id="header"> かきくけこ </div> <div id="sidemenu"> メニュー </div> さらにコンテンツ </div> とすれば、contents の要素は header にも sidemenu にも継承されると思っていたのですが違っているのでしょうか。 contents と sidemenu の両要素を反映させるために #contents #sidemenu となっているのでしょうか。 初歩的な質問だと思いますが、どうぞよろしくお願いします。
- ベストアンサー
- CSS
- CSSについて
お忙しいところすみません。 CSSを勉強し始めたのですが、どうしても分からないことがありまして、おわかりの方がいらっしゃれば、よろしくお願いいたします。 色々なサイトのコードを見て勉強しているのですが、CSSをコーディングするに当たって、padding:0;と指定しているときと、padding自体を指定していないときとありますが、これはどういうことでしょうか? たまたまpaddingを例にあげましたが、borderやmargin等についてもいえることで、指定しなくても基準値が0であれば、無駄なタグは書きたくないなと思ったのです。 無知なご質問で申し訳御座いません。 何故指定したり、指定しなかったりするのでしょうか? よろしくお願いいたします。
- ベストアンサー
- その他(プログラミング・開発)
- リセットCSSの一般的な方法
Webサイトを作成しているのですが、ブラウザごとの差異を無くすリセットCSSというのを知りました。 調べてみたら、いくつか方法があるようですが、一般的にどのような方法でリセットCSSを行えば良いのでしょうか? Webサイトのデザインによって、リセットCSSの方法は変えたりするものなのでしょうか? また、私は、まだブラウザごとで、どのセレクタとプロパティで差異が出るのか把握しておりませんが、リセットCSSをする場合、必ずリセットするべきセレクタとプロパティはありますか? dic、span、pのmarginやpaddingなど、他にありますか?
- ベストアンサー
- CSS
- html { } CSS設定の解釈を教えて下さい
お世話になります。 あるサイトのCSS設定が↓のようになっていました。 +------------------------------------------------------------------ html { margin: 0; padding: 0; min-width: 700px; } body { margin: 0; padding: 0; min-width: 800px; } +------------------------------------------------------------------ bodyの指定はわかるのですが、htmlにCSSをするのは 初耳です。また、min-widthの値が、bodyの同値より 少ないのですが、これは、どういった解釈になるのか、 教えて下さい。 よろしくお願いします。
- ベストアンサー
- HTML
- 2列目のみcssを適用させるには?
<html> <head> <title>test</title> <style type="text/css"> table.test td+td { padding-left:1em; } </style> </head> <body> <table class="test" border=1> <tr><th>No</th><th>タイトル(この列だけ左からの距離を指定する)</th><th>その他</th></tr> <tr><td>1</td><td>bbb</td><td>1</td></tr> <tr><td>2</td><td>ccc</td><td>2</td></tr> </table> </body> </html> このソースだと2列目と3列目にcssが適用されてしまいます。 table.test td+td の部分は、okwaveからのコピペで見よう見まねでやってみたのですが どうすれば「2列目だけ」を指定できますか? このソースでの表示結果は画像の通りです。
- ベストアンサー
- HTML
- IEのブラウザだけちゃんと表示されません。
ウェブデザインをしています。 Macで制作して サイトを立ち上げたのですが、 WindowsのIEにのみブラウザの下の方が 表示されません、、、。 http://www.hudge.jp/works/works.html かなり困っています。 どうもheight: 100%;が適応されていないっていうのは なんとなくわかったのですが、 どうやって直したらいいのかわかりません。 WindowsでもFire foxだと上手くいくのですが、、、。 CSSはこんな感じです。 <style type="text/css"> /* hide from ie on mac \*/ html { height: 100%; overflow: hidden; } #style { height: 100%; } /* end hide */ body { height: 100%; margin: 10; padding: 0; background-color: #000000; } </style> すいませんが、お願いします。
- ベストアンサー
- HTML
- positionとmargin,padding
CSSでレイアウトをするとき、position:absolute;とmargin,paddingの同時指定は可能ですか?
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
ありがとうございます。 css2の存在くらいしかしらなかったので、全然想像もできませんでした。 css2のことをちょっと調べてみましたが、これからもっと勉強しなくてはならないようです^^; overflow: auto; は containerなどに、背景色が浮いてくるのを防止でたまにつけたりしますが、htmlをセレクタとして扱うこと自体しらなかったので、疑問がのこります。 ありがとうございました!