propriété: 0' ou 'la propriété: 0px" dans le CSS?

J'ai vu cette notation utilisé beaucoup, et je me demandais, est il n'y a aucune différence notable entre ces deux notations?

element#id
{
  property: 0;
}

et

element#id
{
  property: 0px;
}

- Je utiliser property: 0px; tout le temps, que je trouve plus propre de la recherche, mais je ne suis pas vraiment sûr si le navigateur interprète 0px différemment 0.

Personne ne sait lequel est le mieux ou corriger?

  • Bonne question, et plus tôt que ce probable double: stackoverflow.com/q/5359222/292060, mais que l'on a une meilleure réponse en citant le spec.
  • Selon ce que vous utilisez, assurez-vous de rester cohérente à travers l'ensemble du projet.
InformationsquelleAutor Blender | 2010-11-30
  1. 47

    Identificateurs d'unité sont facultatif, mais il n'est pas noté d'augmentation de la performance (même si vous sont sauver deux caractères).

    Selon la W3C CSS 2.1 Spécification de la Syntaxe et les types de données de base:

    Le format d'une valeur de longueur (notée par <longueur> dans ce cahier des charges) est un <nombre> (avec ou sans point décimal) immédiatement suivi par un identifiant d'unité (par exemple, px, em, etc.). Après une longueur de zéro, l'identifiant d'unité est facultatif.

    (L'emphase est mienne)

    • Doute vous vraiment économiser 2 octets lors de la compression GZIP est activée. C'est une question de ce que vous vous sentez à l'aise avec, pour moi. Un peu de CSS Linters peut détester 0px, cependant.
    InformationsquelleAutor Chris Bier
  2. 29

    Alors que l'appareil est facultatif lorsque la valeur est 0, j'ai tendance à le laisser dans, que je peux ensuite modifier les valeurs avec Chrome Developer Tools en cliquant sur la valeur et en appuyant sur les touches fléchées haut/bas. Sans unité, qui n'est pas vraiment possible.

    Aussi, CSS minifiers dépouiller les unités hors de 0 valeurs de toute façon, il n'est donc pas vraiment à la fin.

    • +1 pour l'observation que minifiers savoir à ce sujet, et qu'il y a des fonctionnalités en les incluant.
    • Chrome Developer Tools par défaut px si vous appuyez sur les touches fléchées haut/bas sur un 0 sans un identificateur. Aussi, en Chrome Developer Tools, si vous flèche vers le bas à 0, il ne garder le px.
    • Je ne pense pas qu'il l'a fait à l'époque où j'ai écrit cette réponse, mais c'est bon à savoir.
    InformationsquelleAutor Blender
  3. 15

    Ils sont les mêmes. Le navigateur interprète à la fois comme 0, alors allez avec ce qui est plus lisible pour vous.

    • Est-il une "bonne" ou conforme aux normes de choix? Je sais que vous ne pouvez pas écrire border: 3 solid, comme il n'y a pas d'unités, mais existe-il des standards du web sur le zéro?
    • Comme je le mentionne dans ma réponse, c'est parce qu'ils sont tous identiques: zéro fois tout est toujours égale à zéro, si vous êtes en multipliant par la taille d'un pixel, un em, ex, ou d'un pourcentage.
    • Vous ne savez pas ce que vous entendez par les standards du web, mais "margin: 10px 0 0 10px" fonctionne très bien, comme le fait "border: 0" signifie que vous pouvez utiliser à zéro comme un équivalent de "none".
    • Vérifier ma réponse ci-dessous pour les standards du web, avec un lien vers la documentation.
    • -1 pour une réponse avec défendable contenu sans aucune référence, des liens ou de la justification. veuillez sauvegarder votre opinion avec les données ou clairement l'état c'est juste votre avis, une information factuelle.
    InformationsquelleAutor Sebastian Patane Masuelli
  4. 9

    Zéro de tout est de zéro. 0px = 0% = 0em = 0pt = 0

    La plupart des gens laisser l'appareil à l'arrêt car il est tout simplement inutiles.

    • Une exception est les unités de temps: 0 n'est pas une alternative valable à 0s / 0ms
    InformationsquelleAutor Chuck
  5. 5

    Autant que je suis conscient qu'il n'existe pas de différence entre eux, depuis 0px = 0em = 0ex = 0% = 0. C'est purement pour vous, en tant que développeur, de décider ce que vous aimez mieux (sauf si vous avez de l'entreprise les normes de codage que vous devez suivre, bien sûr).

    De la plupart des exemples de code que j'ai vu, la plupart des gens utilisent la version sans unité. Pour moi, ça a juste l'air plus propre. Si vous êtes en repoussant une quantité importante de données (par exemple, si vous êtes à la Google), ces deux octets pouvez ajouter jusqu'à beaucoup de bande passante, surtout depuis que vous êtes très susceptibles de se répéter plusieurs fois dans votre feuille de style.

    • Je f vous êtes en repoussant une quantité importante de données (comme si vous êtes à la Google), vous feriez mieux d'être à l'aide de minification des outils qui le font pour vous :p
    InformationsquelleAutor AgentConundrum
  6. 3

    Zéro pixel est égal à zéro pouces et zéro mètres et ainsi de suite. 0 est tout ce dont vous avez besoin.

    • Pendant un moment j'y allais en bas de voter à votre post car je pensais à votre déclaration sur 0 pixels étant égal à 0 cm, et ainsi de suite était faux. 🙂 Parce que dans mon esprit, je pensais à comment peut-il être? ils sont de différentes unités.
    InformationsquelleAutor meder omuraliev
  7. 2

    Personnellement, je trouve 0 plus propre que 0px. C'est deux caractères supplémentaires qui peuvent s'ajouter. Pourquoi ajouter des octets supplémentaires lorsque vous n'en avez pas besoin. J'ai voir padding: 0px 0px 0px 0px qui peut facilement être exprimé comme padding: 0 trop souvent.

    InformationsquelleAutor Amir Raminfar
  8. 1

    Vous pouvez utiliser - mon meilleur conseil est de ne pas trop vous inquiéter, mais d'être cohérent dans le faire ni dans un sens ou dans l'autre. Personnellement, je préfère préciser '0px' pour les raisons suivantes:

    • À l'aide 0px rend les choses plus compatible avec tous les autres 'px' tailles que vous avez spécifié
    • C'est aussi plus de commentaires et de fait, il est très clair que vous êtes à la définition d'une longueur de zéro plutôt que d'un "mode off" drapeau
    • Il est plus facile de modifier un '0px' valeur pour en faire une autre valeur si nécessaire
    InformationsquelleAutor Chris Halcrow
  9. 0

    Comme le disent les autres, il n'a pas vraiment d'importance si son 0, même si j'ai choisi d'ajouter les mesures à l'ensemble de mes valeurs donc quelqu'un d'autre à regarder mes fichiers CSS, permet d'évaluer quelles mesures ils ont tendance à traiter avec par ailleurs.

    InformationsquelleAutor danjah