Heim > Web-Frontend > CSS-Tutorial > CSS-Attributwertspezifikationen, die Sie kennen müssen

CSS-Attributwertspezifikationen, die Sie kennen müssen

王林
Freigeben: 2020-06-12 15:42:14
nach vorne
2933 Leute haben es durchsucht

CSS-Attributwertspezifikationen, die Sie kennen müssen

1. Wenn der Wert 0 ist, wird normalerweise keine Einheit benötigt

Zum Beispiel:

.list{
    border: 1px solid 0px;
    margin: 0px;
}
Nach dem Login kopieren

geändert in:

.list{
    border: 1px solid 0;
    margin: 0;
}
Nach dem Login kopieren

Aber es gibt einen Sonderfall, das heißt, die auf die Zeit bezogene Zeiteinheit muss Sekunden umfassen. Die folgenden beiden sind unzulässig:

transition-duration: 0;
transition: transform 0 linear;
Nach dem Login kopieren

2. Verwenden Sie sechzehn für den Farbwert Verwenden Sie im Basissystem weniger RGB

wie folgt:

color: rgb(80, 80, 80);
Nach dem Login kopieren

geändert in:

color: #505050;
Nach dem Login kopieren

Da die Verwendung von RGB eine Funktion ist, muss auch die Konvertierung berechnet werden . Wenn Transparenz vorhanden ist, verwenden Sie RGBA.

Wenn die sechs Zahlen des Farbwerts gleich sind, dann schreiben Sie einfach 3:

color: #ccc;
Nach dem Login kopieren

3 Achten Sie auf den Unterschied zwischen Rand keiner und 0

Die folgenden beiden haben die gleiche Bedeutung:

border: 0;
border-width: 0;
Nach dem Login kopieren

Und die folgenden beiden haben die gleiche Bedeutung:

border: none;
border-style: none;
Nach dem Login kopieren

Sie können also 0 und none verwenden, um den Rand zu entfernen.

Obwohl das Verpackungstool das letztendlich für uns erledigt, ist es dennoch wichtig, eine gute Schreibgewohnheit beizubehalten.

Empfohlenes Tutorial: Schnellstart mit CSS

Das obige ist der detaillierte Inhalt vonCSS-Attributwertspezifikationen, die Sie kennen müssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.im
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage