28

この質問への答えをグーグルで検索するのは難しいことがわかっているので、ここの誰かが知っておくべきだと思いました.

CSS 内で、ゼロ ピクセルが単に '0' として宣言されているだけでなく、'0px' としても宣言されているのを見てきました。

mystyle { width: 0; }

anotherstyle { width: 0px; }

「0」の小さな問題は、ゼロ以外の値に変更すると、「px」を追加するのを忘れる可能性があることです。また、値を「0」にするときに、「px」を削除するのを忘れる場合があります。私は自分のコードに純粋な一貫性を持たせたいのですが、このような些細なことで気が狂ってしまいます。

これは、どこをインデントするかなどの個人的な好みに本当に帰着しますか?

どちらも機能しているように見えますが、どちらの方法が優れており、その理由は何ですか?

ありがとうございました。


明確にするために編集:

「こんな些細なことで頭がおかしくなる」と書きました。

0 の「px」がないということは、私が言及していたことではありません。

同じ単純なことを行うのに 2 つの異なる方法があることに気が狂いそうになります。

個人的には、必要に応じて「px」を追加/削除するのを忘れるという小さな問題がありますが、他の方法と同じように受け入れられることを知って、「0」を単独で使用し続けます。

4

4 に答える 4

34

それらは同一です。

width: 0短くて読みやすいので、を使用します。

特にあなたが持っているとき、例えば:

padding: 0px 0px 9px 8px

vs

padding: 0 0 9px 8px

仕様を参照してください

長さの値(この仕様では<length>で示される)の形式は、<number>(小数点付きまたはなし)の直後に単位識別子(px、emなど)が続きます。 長さがゼロの場合、ユニット識別子はオプションです。


'0'の小さな問題は、ゼロ以外の値に変更すると、'px'の追加を忘れる可能性があることです。また、値を「0」にすると、「px」を削除するのを忘れる可能性があります。

0ユニット識別子なしで書く習慣を身につけたら、これは起こりません。

于 2011-03-19T00:52:48.293 に答える
2

単位が短いという理由だけで明示的に単位を設定したい場合を除いて、私は常に0(単位なし)を使用します。重要なことは一貫性を保つことです。

于 2011-03-19T00:52:55.470 に答える
1

あと何があっても0は0だと思います。何かの0%は、何かの0ピクセルと同じになります。私は思う...少なくともそれは私が物事について考える方法であり、乗算は私に同意しているようだ。

于 2011-03-19T00:53:12.160 に答える
0

スタイルシートで複数の種類の CSS 単位 (%、em、inch など) を使用している場合は、意図したもの (この場合は px) を維持することをお勧めします。

余談ですが、キーワードnoneが必ずしもリダイレクトするとは限らないことに注意してください0(たとえ視覚的に同じ結果が得られたとしても)。

于 2011-03-19T01:20:46.023 に答える