私はFacebookやYoutubeのような多くのウェブサイトのCSSファイルを見てきました。CSSでは「*」は何を意味していますか?
* {
margin: 0;
padding: 0;
}
それは、ページのレイアウトに影響を与えることはありませんChromeウェブ開発ツールでそのブロックを削除するなど、奇数である:
はほとんどすべてで、私はこのコードを参照してください。
このコードは何を意味し、いつ使用され、なぜですか?
私はFacebookやYoutubeのような多くのウェブサイトのCSSファイルを見てきました。CSSでは「*」は何を意味していますか?
* {
margin: 0;
padding: 0;
}
それは、ページのレイアウトに影響を与えることはありませんChromeウェブ開発ツールでそのブロックを削除するなど、奇数である:
はほとんどすべてで、私はこのコードを参照してください。
このコードは何を意味し、いつ使用され、なぜですか?
:
のようなもっと面白いものを試してみてください。ブラウザによって、異なるデフォルトマージンが使用され、マージンによってサイトが異なるように見えます。 *
は「すべての要素」(universal selector)を意味するので、すべての要素がゼロの余白を持つように設定し、ゼロ埋め込みを設定して、すべてのブラウザで同じに見えるようにします。
このリンクを試してください: https://www.w3schools.com/cssref/sel_all.asp – Kuhan
ワイルドカードです。すべてのHTML要素にmargin
とpadding
〜0
を設定します。これは、CSSのリセットと呼ばれる一般的な技術である
* {
font-size: 20pt;
}
*
は、それはすべての要素にこれらのスタイルを適用する意味ワイルドカード
です。
この例では、すべての要素のmargin
およびpadding
を0
に設定しています。これは、異なる要素のすべてのネイティブブラウザのマージン/パディングを共通の値にデフォルト設定するために、Reset CSSファイルで一般的です。
アスタリスク(*
)はすべての要素を意味します。これは、一部のブラウザが既にデフォルトでこれを行うことができます0
にページ上のすべてのHTML要素のマージンとパディングをリセットしますが、0
にすべての要素のマージンを設定します
* {
margin: 0;
}
まるで手動ですべてを手動でリセットしようとすると便利です。
実際、多くのウェブサイトにはreset.css(またはそれに類するもの)が搭載されています。これを開くと、すべてのブラウザですべてをリセットするルールが多数認識されます。
HTMLコンテンツを読みにくくするため、ブラウザはデフォルトでこれを行いません。例はありますか? –
私は例を挙げることができませんでした...しかし、いくつかの異なるブラウザがあること、プロジェクトのフォーク、携帯電話のブラウザなどを知っています。 "5月"はそこにゴールデンワードでした:) – Oomta
これは一般的なCSSリセットの一般的な部分です。基本的には、すべてのマージンとパディングを0に設定します。必要に応じて、各要素に独自のマージンとパディング値を自由に追加することができます。
CSSには、スタイルに加えてすべてのWebページに適用されるいくつかのデフォルトスタイルがあります。これらの既定のスタイルは、<h1>, <li>, <p>, <table>
などの要素の特定のpadding
とmargin
の値を定義します。迷惑な点は、ページを正しく表示するためにこれらのスタイルをオーバーライドする必要があることが多いことです。しばしばほとんどの開発者は、padding
とmargins
をzero
にリセットするのが最も簡単なので、すべてが期待どおりに動作するようにします。 *
はwildcard
セレクタであり、すべての要素タイプに一致します。基本的には、すべての要素についてすべてのパディング/マージンをゼロにリセットして、デフォルトのスタイルを削除するというスタイルがあります。
*
それはすべての要素 margin: 0;
とpadding: 0;
この場合、すべての要素であろう選択された要素、0にマージンおよびパディングを設定を選択し、ワイルドカードです。
これはウェブ開発にとって非常に便利です。私が構築するすべてのサイトでこれを使用しています。
それは技術議論に値するワイルドカードセレクタをリセットに使用することについては、多くの人がアドバイスしています。しかし、多くの人々は一般的にリセットに反対している。それは一般的なベストプラクティスではなく、好みのものだと言えば十分です。 –
CSSが生成されていると思われるかもしれません。おそらくデフォルトマージンとパディングを設定するだけです。 –
あなたはこの質問を見てみたいかもしれません[CSSリセットはまだ必要ですか?](http://stackoverflow.com/questions/3739154/is-a-css-reset-still-necessary) –