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

CSS-Attributwertspezifikationen, die Sie kennen müssen

王林
王林nach vorne
2020-06-12 15:42:142940Durchsuche

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;
}

geändert in:

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

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;

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

wie folgt:

color: rgb(80, 80, 80);

geändert in:

color: #505050;

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;

3 Achten Sie auf den Unterschied zwischen Rand keiner und 0

Die folgenden beiden haben die gleiche Bedeutung:

border: 0;
border-width: 0;

Und die folgenden beiden haben die gleiche Bedeutung:

border: none;
border-style: none;

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel:Die drei Attribute von spanNächster Artikel:Die drei Attribute von span