'propriedade: 0' ou 'propriedade: 0px' em CSS?

Eu vi essa notação ser muito usada e estava me perguntando: há alguma diferença notável entre essas duas notações?

element#id
{
  property: 0;
}

e

element#id
{
  property: 0px;
}

Eu uso property: 0px;o tempo todo, pois acho que parece mais limpo, mas não tenho certeza se o navegador faz uma interpretação 0pxdiferente de 0.

Alguém sabe qual é o melhor ou o correto?

Os identificadores de unidade são opcionais , mas não há aumento de desempenho observado (embora você esteja salvando dois caracteres).

CSS2 - De W3C CSS 2.1 Especificação para sintaxe e tipos de dados básicos :

O formato de um valor de comprimento (denotado por <length> nesta especificação) é um <number> (com ou sem um ponto decimal) imediatamente seguido por um identificador de unidade (por exemplo, px, em, etc.). Após um comprimento zero, o identificador da unidade é opcional.

(Ênfase minha)

CSS3 - do módulo de valores e unidades CSS do W3C nível 3 (atualmente na recomendação candidata no momento em que este artigo foi escrito)

Para comprimentos de zero, o identificador de unidade é opcional (ou seja, pode ser sintaticamente representado como 0).

Embora a unidade seja opcional quando o valor for 0 , eu tendo a deixá-la, já que posso ajustar os valores com as Ferramentas de desenvolvedor do Chrome clicando no valor e pressionando as teclas de seta para cima / para baixo. Sem uma unidade, isso não é realmente possível.

Além disso, os minificadores de CSS retiram as unidades dos 0valores de qualquer maneira, então isso realmente não importa no final.

Eles são os mesmos. O navegador interpreta ambos como 0, então escolha o que for mais legível para você.

Zero de qualquer coisa é zero. 0px= 0%= 0em= 0pt=0

A maioria das pessoas deixa a unidade desligada porque é simplesmente uma desordem desnecessária.

Tanto quanto eu sei, não há diferença entre eles, desde então 0px = 0em = 0ex = 0% = 0. Depende puramente de você, como desenvolvedor, decidir o que você mais gosta (a menos que você tenha padrões de codificação corporativos que precise seguir, é claro).

Na maioria dos exemplos de código que vi, a maioria das pessoas usa a versão sem unidade. Para mim, parece mais limpo. Se você estiver enviando uma quantidade significativa de dados (digamos, se você for o Google), esses dois bytes podem adicionar muita largura de banda, especialmente porque é muito provável que você os repita várias vezes em sua folha de estilo.

Zero pixels é igual a zero polegadas e zero metros e assim por diante. 0é tudo o que você precisa.

Eu pessoalmente acho 0mais limpo do que 0px. São dois personagens extras que podem se somar. Por que adicionar bytes extras quando você não precisa. Eu vi o padding: 0px 0px 0px 0pxque pode ser facilmente expresso com padding: 0muita frequência.

Você pode usar qualquer um - meu melhor conselho é não se preocupar muito, mas ser consistente ao fazê-lo de uma forma ou de outra. Eu pessoalmente prefiro especificar '0px' pelas seguintes razões:

• Usar 0px torna as coisas mais consistentes com todos os outros tamanhos de 'px' que você especificou
• Também é mais detalhado e deixa bem claro que você está definindo um comprimento zero em vez de um sinalizador de 'desligar'
• É um pouco mais fácil ajustar um valor '0px' para torná-lo outro valor, se necessário

Como os outros dizem, realmente não importa se é 0, embora eu opte por adicionar as medidas a todos os meus valores para que qualquer outra pessoa que esteja olhando meus arquivos CSS possa avaliar com quais medidas eles provavelmente lidarão em outro lugar.