CSSの「property：0」または「property：0px」？

この表記法がよく使われているのを見てきましたが、これら2つの表記法の間に顕著な違いはありますか？

element#id
{
  property: 0;
}

そして

element#id
{
  property: 0px;
}

私が使用しproperty: 0px;、私はそれがクリーン探して見つけると、すべての時間を、しかし、ブラウザの解釈場合、私はわからないんだけど、実際に0pxは異なるより0。

どちらが良いか正しいか誰かが知っていますか？

ユニット識別子はオプションですが、パフォーマンスの顕著な向上はありません（ただし、2文字を節約しています）。

CSS2-構文および基本データ型のW3CCSS 2.1仕様から：

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

（エンファシスマイン）

CSS3 -からW3CのCSS値と単位モジュールレベル3（現在で勧告候補、この記事の執筆時点で）

長さがゼロの場合、単位識別子はオプションです（つまり、構文的に0として表すことができます）。

値がの場合、単位はオプションですが、値0をクリックして上下の矢印キーを押すことでChromeの開発ツールで値を微調整できるため、そのままにしておく傾向があります。ユニットがなければ、それは実際には不可能です。

また、CSSミニファイアは0とにかく値から単位を取り除くので、最終的にはそれほど重要ではありません。

それらは同じです。ブラウザは両方を0として解釈するので、読みやすいものを選択してください。

何でもゼロはゼロです。0px= 0%= 0em= 0pt=0

それは単に不必要な混乱であるため、ほとんどの人はユニットをオフのままにします。

私の知る限り、それらの間に違いはありません0px = 0em = 0ex = 0% = 0。何が一番好きかを決めるのは、開発者としてのあなた次第です（もちろん、従う必要のある企業のコーディング標準がない限り）。

私が見たほとんどのコードサンプルから、ほとんどの人はユニットレスバージョンを使用しています。私には、それはただきれいに見えます。大量のデータをプッシュしている場合（たとえば、Googleの場合）、特にスタイルシートで複数回繰り返す可能性が非常に高いため、これらの2バイトは合計で多くの帯域幅になる可能性があります。

ゼロピクセルは、ゼロインチやゼロメートルなどに相当します。0は、あなたが必要とすることすべてです。

私は個人的により0きれいだと思います0px。これは、合計できる2つの余分な文字です。必要のないときにバイトを追加する理由。私はpadding: 0px 0px 0px 0pxどちらがpadding: 0あまりにも頻繁に方法として簡単に表現できるかを見てきました。

どちらを使用することもできます。私の最善のアドバイスは、あまり心配することではなく、どちらかの方法で一貫して行うことです。私は個人的に次の理由で「0px」を指定することを好みます。

• 0pxを使用すると、指定した他のすべての「px」サイズとの一貫性が高まります。
• また、より冗長であり、「スイッチオフ」フラグではなく、ゼロの長さを設定していることが非常に明確になります。
• 必要に応じて、「0px」の値を微調整して別の値にする方が少し簡単です。

他の人が言うように、0であるかどうかは実際には問題ではありませんが、CSSファイルを見ている他の人が他の場所で処理する可能性のある測定値を測定できるように、すべての値に測定値を追加することを選択します。