2012-01-03 21 views
37

私はFacebookやYoutubeのような多くのウェブサイトのCSSファイルを見てきました。CSSでは「*」は何を意味していますか?

* { 
margin: 0; 
padding: 0; 
} 

それは、ページのレイアウトに影響を与えることはありませんChromeウェブ開発ツールでそのブロックを削除するなど、奇数である:

はほとんどすべてで、私はこのコードを参照してください。

このコードは何を意味し、いつ使用され、なぜですか?

+0

CSSが生成されていると思われるかもしれません。おそらくデフォルトマージンとパディングを設定するだけです。 –

+4

あなたはこの質問を見てみたいかもしれません[CSSリセットはまだ必要ですか?](http://stackoverflow.com/questions/3739154/is-a-css-reset-still-necessary) –

答えて

54

のようなもっと面白いものを試してみてください。ブラウザによって、異なるデフォルトマージンが使用され、マージンによってサイトが異なるように見えます。 *は「すべての要素」(universal selector)を意味するので、すべての要素がゼロの余白を持つように設定し、ゼロ埋め込みを設定して、すべてのブラウザで同じに見えるようにします。

+0

このリンクを試してください: https://www.w3schools.com/cssref/sel_all.asp – Kuhan

2

ワイルドカードです。すべてのHTML要素にmarginpadding0を設定します。これは、CSSのリセットと呼ばれる一般的な技術である

* { 
    font-size: 20pt; 
} 
8

*は、それはすべての要素にこれらのスタイルを適用する意味ワイルドカード

です。

この例では、すべての要素のmarginおよびpadding0に設定しています。これは、異なる要素のすべてのネイティブブラウザのマージン/パディングを共通の値にデフォルト設定するために、Reset CSSファイルで一般的です。

7

アスタリスク(*)はすべての要素を意味します。これは、一部のブラウザが既にデフォルトでこれを行うことができます0

にページ上のすべてのHTML要素のマージンとパディングをリセットしますが、0

2

にすべての要素のマージンを設定します

* { 
    margin: 0; 
} 
まるで手動ですべてを手動でリセットしようとすると便利です。

実際、多くのウェブサイトにはreset.css(またはそれに類するもの)が搭載されています。これを開くと、すべてのブラウザですべてをリセットするルールが多数認識されます。

+0

HTMLコンテンツを読みにくくするため、ブラウザはデフォルトでこれを行いません。例はありますか? –

+0

私は例を挙げることができませんでした...しかし、いくつかの異なるブラウザがあること、プロジェクトのフォーク、携帯電話のブラウザなどを知っています。 "5月"はそこにゴールデンワードでした:) – Oomta

1

これは一般的なCSSリセットの一般的な部分です。基本的には、すべてのマージンとパディングを0に設定します。必要に応じて、各要素に独自のマージンとパディング値を自由に追加することができます。

1

CSSには、スタイルに加えてすべてのWebページに適用されるいくつかのデフォルトスタイルがあります。これらの既定のスタイルは、<h1>, <li>, <p>, <table>などの要素の特定のpaddingmarginの値を定義します。迷惑な点は、ページを正しく表示するためにこれらのスタイルをオーバーライドする必要があることが多いことです。しばしばほとんどの開発者は、paddingmarginszeroにリセットするのが最も簡単なので、すべてが期待どおりに動作するようにします。 *wildcardセレクタであり、すべての要素タイプに一致します。基本的には、すべての要素についてすべてのパディング/マージンをゼロにリセットして、デフォルトのスタイルを削除するというスタイルがあります。

1

*それはすべての要素 margin: 0;padding: 0;この場合、すべての要素であろう選択された要素、0にマージンおよびパディングを設定を選択し、ワイルドカードです。

これはウェブ開発にとって非常に便利です。私が構築するすべてのサイトでこれを使用しています。

+3

それは技術議論に値するワイルドカードセレクタをリセットに使用することについては、多くの人がアドバイスしています。しかし、多くの人々は一般的にリセットに反対している。それは一般的なベストプラクティスではなく、好みのものだと言えば十分です。 –

関連する問題