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?
Respostas:
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ê.
border: 3 solid, porque não há unidades, mas há algum padrão da web em zero?
Zero de qualquer coisa é zero. 0px= 0%= 0em= 0pt=0
A maioria das pessoas deixa a unidade desligada porque é simplesmente uma desordem desnecessária.
0não é uma alternativa válida para 0s/0ms
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: