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

王林
Libérer: 2020-06-12 15:42:14
avant
2928 Les gens l'ont consulté

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;
}
Copier après la connexion

remplacé par :

.list{
    border: 1px solid 0;
    margin: 0;
}
Copier après la connexion

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;
Copier après la connexion

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

comme suit :

color: rgb(80, 80, 80);
Copier après la connexion

remplacé par :

color: #505050;
Copier après la connexion

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;
Copier après la connexion

Faites attention à la différence entre la bordure aucune et 0<🎜. >

Les deux suivants ont la même signification :

border: 0;
border-width: 0;
Copier après la connexion

Et les deux suivants ont la même signification :

border: none;
border-style: none;
Copier après la connexion
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!

Étiquettes associées:
source:juejin.im
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal