"proprietà: 0" o "proprietà: 0px" in CSS?

Ho visto questa notazione usata molto e mi chiedevo, c'è qualche differenza notevole tra queste due notazioni?

element#id
{
  property: 0;
}

e

element#id
{
  property: 0px;
}

Lo uso property: 0px;sempre, poiché lo trovo più pulito, ma non sono sicuro che il browser interpreti in modo 0pxdiverso da 0.

Qualcuno sa qual è il migliore o quello corretto?

Gli identificatori di unità sono facoltativi , ma non si nota alcun aumento delle prestazioni (sebbene si stiano salvando due caratteri).

CSS2 - Da W3C CSS 2.1 Specifiche per sintassi e tipi di dati di base :

Il formato di un valore di lunghezza (indicato da <length> in questa specifica) è un <numero> (con o senza punto decimale) immediatamente seguito da un identificatore di unità (ad es. Px, em, ecc.). Dopo una lunghezza zero, l'identificatore dell'unità è facoltativo.

(Enfasi mia)

CSS3 - From W3C CSS Values ​​and Units Module Level 3 (Attualmente in Candidate Raccomandazione al momento della stesura di questo documento)

Per lunghezze zero l'identificatore di unità è opzionale (cioè può essere sintatticamente rappresentato come 0).

Mentre l'unità è opzionale quando il valore è 0, tendo a lasciarlo in, poiché posso quindi modificare i valori con gli strumenti di sviluppo di Chrome facendo clic sul valore e premendo i tasti freccia su / giù. Senza un'unità, non è davvero possibile.

Inoltre, i minificatori CSS eliminano comunque le unità dai 0valori, quindi alla fine non avrà molta importanza.

Loro sono la stessa cosa. Il browser interpreta entrambi come 0, quindi scegli ciò che è più leggibile per te.

Zero di qualsiasi cosa è zero. 0px= 0%= 0em= 0pt=0

La maggior parte delle persone lascia l'unità spenta perché è semplicemente un disordine inutile.

Per quanto ne so non c'è differenza tra loro, da allora 0px = 0em = 0ex = 0% = 0. Sta a te, in quanto sviluppatore, decidere cosa ti piace di più (a meno che tu non abbia standard di codifica aziendale che devi seguire, ovviamente).

Dalla maggior parte degli esempi di codice che ho visto, la maggior parte delle persone usa la versione senza unità. A me sembra solo più pulito. Se stai spingendo una quantità significativa di dati (ad esempio, se sei Google), quei due byte possono aggiungere molta larghezza di banda, soprattutto perché è molto probabile che li ripeta più volte nel tuo foglio di stile.

Zero pixel è uguale a zero pollici e zero metri e così via. 0é tutto quello di cui hai bisogno.

Personalmente trovo 0più pulito di 0px. Sono due personaggi extra che possono sommarsi. Perché aggiungere byte extra quando non è necessario. Ho visto padding: 0px 0px 0px 0pxche può essere facilmente espresso padding: 0troppo spesso.

Puoi usare entrambi: il mio miglior consiglio è di non preoccuparti troppo ma di essere coerente nel farlo in un modo o nell'altro. Personalmente preferisco specificare "0px" per i seguenti motivi:

• L'uso di 0px rende le cose più coerenti con tutte le altre dimensioni "px" che hai specificato
• È anche più dettagliato e rende molto chiaro che stai impostando una lunghezza zero piuttosto che un flag "disattiva"
• È leggermente più facile modificare un valore "0px" per renderlo un altro valore, se necessario

Come dicono gli altri, non importa se è 0, anche se scelgo di aggiungere le misurazioni a tutti i miei valori in modo che chiunque altro guardi i miei file CSS possa valutare quali misurazioni è probabile che abbia a che fare altrove.

So che non dovrebbe esserci alcuna differenza tra 0pxe 0ma ho scoperto che a volte c'è .

Stavo cercando di centrare un oggetto come questo:

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

Funziona, ma se si sostituisce 0pxcon 0non è così.