Maison >interface Web >tutoriel CSS >Spécifications de valeur d'attribut CSS que vous devez connaître

Spécifications de valeur d'attribut CSS que vous devez connaître

王林
王林avant
2020-06-12 15:42:142939parcourir

Spécifications de valeur d'attribut CSS que vous devez connaître

1. Si la valeur est 0, aucune unité n'est généralement nécessaire

Par exemple :

.list{
    border: 1px solid 0px;
    margin: 0px;
}

remplacé par :

.list{
    border: 1px solid 0;
    margin: 0;
}

Mais il existe un cas particulier, c'est-à-dire que l'unité de temps liée au temps doit inclure les secondes. Les deux suivantes sont illégales :

transition-duration: 0;
transition: transform 0 linear;

Utilisez seize pour la valeur de couleur. Dans le système de base, utilisez moins de rgb

comme suit :

color: rgb(80, 80, 80);

remplacé par :

color: #505050;

Parce que l'utilisation de rgb est une fonction, elle doit également calculer la conversion . Si c'est avec transparence, utilisez rgba.

Si les six nombres de la valeur de couleur sont les mêmes, alors écrivez simplement 3 :

color: #ccc;

Faites attention à la différence entre la bordure aucune et 0

Les deux suivants ont la même signification :

border: 0;
border-width: 0;

Et les deux suivants ont la même signification :

border: none;
border-style: none;

Vous pouvez donc utiliser 0 et aucun pour supprimer la bordure.

Même si l'outil d'emballage s'en chargera pour nous à la fin, il est toujours important de maintenir une bonne habitude d'écriture.

Tutoriel recommandé :

Démarrage rapide avec CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer