<style type="text/css">
*{margin:0px;padding:0px;}
</style>
ホームページで上記のようなソースを見かけたのですが、これはどういう意味なのでしょうか?
試しに新規ページにこのコードを記述してbody内にtableを作ってみたのですが、tableに記述したcellpaddingが
数値をいろいろ変えても動作しません。
この*{margin:0px;padding:0px;}という記述をすることによる意図は何なのでしょうか?
宜しくお願いします。
No.2ベストアンサー
- 回答日時:
*はトランプのジョーカーみたいなものです。
何にでも当てはまりますカードと思うといいです。margin:0px;padding:0px;
これはマージンやパッディングを0にするってことです
何もしないで文字を入れると、ブラウザによってはぴったり上にくっつかないとか、くっつくとかいろいろ初期値が違うので、どのブラウザでも同じようにしたいときに、一律これだけと指示することが多いです。
●cellpaddingが聞かない理由と聞かせる方法
*はなんでもですが、より詳しい記述があれば、そちらを優先させるというルールがあります。詳細度といいます。同じ詳細度なら、後から書いた方が優先されます。
*(何でも)より見出しや段落、テーブルと具体的な場所に対する指示の方が優先されます。
そして外部よりヘッダ。ヘッダよりインラインの方が優先度が高くなります。
そして、タグによってはどこに記述しても*より弱いタグもあります。
今回のcellpaddingやfontがそれにあたります。誤解を恐れず大雑把に説明するとそんな感じになります。
cellpaddingを使う代わりに同じ効果ならcellpaddingを記載した場所に「style="padding:10px;"」と入れてください。インラインといいます。このタグを閉じる場所まで有効です。
もし、そのページ全体の表に入れたいなら、ヘッダ部分(<head></head>の間)に「<style>td{padding:10px;}</style>」と入れてください。tdの当てはまる場所すべてに効きます。サイト全体に聞かせたいなら外部にします。cssでは単位は0以外省略できません。
つまり外部に原則を記述、インラインに1回だけの例外のものを記述ってやり方もできるので、状況に応じて使い分けされるといいです。
No.1
- 回答日時:
marginとpaddingのデフォルト値がブラウザによって違うので、それを統一するための記述です。
*はCSSで最も優先度の低いセレクタなので、他の箇所でmargin, paddingを指定すれば容易に打ち消せます。
td { padding:10px; }
等やってみれば、分かると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
端から端まで横線を引きたい
-
<legend>で表示されるタイトル...
-
スクロールバーの色変更(長文)
-
なぜ左に寄っているの?
-
背景を両端に固定する方法
-
CSSのtransform: translate(-50...
-
こんな感じのwebページできませ...
-
敬語
-
Dreamweaverのテーブル内テキス...
-
Microsoft1Officeの互換ソフト...
-
Excelの列の幅(ピクセル)につい...
-
エクセルでサイズに合ったもの...
-
バーコードのサイズは拡大縮小...
-
tableで横スクロールバーが・・
-
htmlでテーブル内にテキストボ...
-
エクセルの行幅と列幅
-
valign bottomがききません
-
window.openした時、親ウィンド...
-
エクセルでサイズ指定でPOP...
-
PDFへてのテキストボックスにて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
macとwindowsのレイアウト崩れ...
-
INPUT TEXT内の文字位置を指定...
-
text-alignの解除の方法
-
ホームページビルダー 空白の...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
<legend>で表示されるタイトル...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
コードを書いて下さい( ; ; )...
-
アップロードするサーバーによ...
-
CSSでh1とその下の文字との行間...
-
文字を内側にも色の付いた枠で...
-
テキストボックスの文字を右揃...
-
Dreamweaverで画面サイズを一定...
おすすめ情報