CSS'de 'özellik: 0' veya 'özellik: 0px'?

Bu notasyonun çok kullanıldığını gördüm ve merak ediyordum, bu iki notasyon arasında kayda değer bir fark var mı?

element#id
{
  property: 0;
}

ve

element#id
{
  property: 0px;
}

Daha property: 0px;temiz görünen bulduğum için her zaman kullanırım , ancak tarayıcının bundan 0pxfarklı yorumlayıp yorumlamadığından emin değilim 0.

Hangisinin daha iyi veya doğru olduğunu bilen var mı?

Birim tanıtıcılardır isteğe ama (sen her ne kadar hiçbir tanınmış bir performans artışı var olan iki karakter tasarruf).

CSS2 - Dan W3C CSS Syntax 2.1 Şartname ve temel veri türleri :

Bir uzunluk değerinin biçimi (bu belirtimde <uzunluk> ile gösterilir) bir <sayı> (ondalık nokta ile veya nokta olmadan) hemen ardından bir birim tanımlayıcı (ör. Px, em, vb.) Sıfır uzunluktan sonra, birim tanımlayıcı isteğe bağlıdır.

(Vurgu benim)

CSS3 - Dan W3C CSS Değerleri ve Birimler Modülü Seviye 3 (Şu içinde Aday Öneri bu yazının yazıldığı anda)

Sıfır uzunluklar için birim tanımlayıcı isteğe bağlıdır (yani sözdizimsel olarak 0 olarak temsil edilebilir).

Değer olduğunda birim isteğe bağlı olsa da, değeri 0tıklayıp yukarı / aşağı ok tuşlarına basarak Chrome'un Geliştirici Araçları ile değerleri değiştirebileceğim için, onu içeride bırakma eğilimindeyim. Bir birim olmadan bu gerçekten mümkün değil.

Ayrıca, CSS küçültme araçları, birimleri yine de 0değerlerden çıkarır , böylece sonunda gerçekten önemli olmaz.

Onlar aynı. Tarayıcı her ikisini de 0 olarak yorumlar, bu yüzden sizin için daha okunaklı olanı kullanın.

Sıfır, sıfırdır. 0px= 0%= 0em= 0pt=0

Çoğu insan üniteyi devre dışı bırakır çünkü bu sadece gereksiz bir dağınıklıktır.

Bildiğim kadarıyla, o zamandan beri aralarında bir fark yok 0px = 0em = 0ex = 0% = 0. En çok neyi sevdiğinize karar vermek, geliştirici olarak tamamen size bağlıdır (tabi ki, uymanız gereken kurumsal kodlama standartlarınız yoksa).

Gördüğüm kod örneklerinin çoğundan, çoğu insan birimsiz sürümü kullanıyor. Bana göre sadece daha temiz görünüyor. Önemli miktarda veri aktarıyorsanız (örneğin, Google iseniz), bu iki bayt çok fazla bant genişliği ekleyebilir, özellikle de bunları stil sayfanızda birden çok kez tekrarlama olasılığınız oldukça yüksek olduğundan.

Sıfır piksel, sıfır inç ve sıfır metreye eşittir vb. 0tüm ihtiyacın olan.

Ben şahsen 0daha temiz buluyorum 0px. Bu, toplanabilecek iki ekstra karakter. Gerekmediğinde neden fazladan bayt eklemelisiniz? padding: 0px 0px 0px 0pxHangisinin padding: 0çok sık olarak kolayca ifade edilebileceğini gördüm .

Her ikisini de kullanabilirsiniz - en iyi tavsiyem çok fazla endişelenmemek ama bunu bir şekilde veya diğer şekilde yaparken tutarlı olmaktır. Şahsen aşağıdaki nedenlerden dolayı '0px' belirtmeyi tercih ediyorum:

• 0px kullanmak, her şeyi belirttiğiniz diğer tüm 'piksel' boyutlarıyla daha tutarlı hale getirir
• Aynı zamanda daha ayrıntılı ve 'bunu kapat' bayrağı yerine sıfır uzunluk ayarladığınızı çok açık hale getiriyor
• Gerekirse başka bir değer yapmak için '0px' değerini değiştirmek biraz daha kolaydır

Diğerlerinin dediği gibi, 0 olup olmadığı gerçekten önemli değil, ancak ölçümleri tüm değerlerime eklemeyi seçiyorum, böylece CSS dosyalarıma bakan başka biri, başka yerlerde hangi ölçümlerle uğraşabileceklerini ölçebilir.

Bunu biliyorum hiçbir fark olmamalıdır arasında 0pxve 0ben tespit ettim ama bazen orada .

Bunun gibi bir nesneyi ortalamaya çalışıyordum:

position: absolute;
left: max(0px, calc((100vw - 400px)/2));
max-width: 400px;   

Çalışır ama yerine 0pxkoyarsanız 0işe yaramaz.