Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Welche Techniken gibt es für die CSS-Abkürzung? Zusammenfassung von fünf CSS-Tipps

云罗郡主
Freigeben: 2018-10-20 13:46:25
Original
2289 Leute haben es durchsucht

Wenn viele Leute CSS lernen, möchten sie wissen, welche Fähigkeiten es in CSS gibt. Tatsächlich ist es auch hilfreich, CSS-Stilkenntnisse zu beherrschen, um selbst CSS zu schreiben. Lassen Sie uns im Folgenden fünf CSS-Tipps zusammenfassen.

Welche Techniken gibt es für die CSS-Abkürzung? Zusammenfassung von fünf CSS-Tipps

1: Die Größe der CSS-Box hat hauptsächlich zwei Attribute: Rand und Polsterung. Wir alle wissen, dass die Box gleich ist dreidimensional, und es gibt vier Richtungen, jede Richtung hat einen Rand, dann nehmen wir den Rand als Beispiel, der Code lautet wie folgt:

margin-top:2px;
margin-right:3px;
margin-bottom:3px;
margin-left:2px;
Nach dem Login kopieren

Wenn Sie das Gefühl haben, dass das Obige zu kompliziert und nicht einfach ist genug, Sie können den Rand auch so schreiben: 2px 3px 3px 2px; Syntaxrand: oben rechts unten links; die beiden Ausdrucksmethoden sind ebenfalls gleich.

Zweitens: Die Eigenschaften des Rahmens lauten wie folgt:

border-width:1px;
border-style:solid;
border-color:#000;
Nach dem Login kopieren

Wir können auch zu einem anderen Code wechseln:

border:1px solid #000;
语法 border:width style color;
Nach dem Login kopieren

Drei: Wie schreibt man Farbe

Farbe in CSS Die Darstellungsmethode ist hexadezimal. Wenn die ersten beiden Codes gleich sind, können sie auf die Hälfte abgekürzt werden.

Viertens: Wenn viele Schüler CSS lernen, schreiben sie immer gerne ein Semikolon, wenn sie mit dem Schreiben des letzten Attributs fertig sind. Tatsächlich muss das letzte Semikolon nicht geschrieben werden.

Fünftens: Wir können Schriftarten verwenden, um Schriftarten darzustellen, aber zuerst müssen wir die abgekürzte Schriftart definieren und dabei zwei Werte verwenden: Schriftgröße bzw. Schriftfamilie.

Welche Techniken gibt es für die CSS-Abkürzung? Alle fünf CSS-Tipps werden vorgestellt. Wenn Sie mehr über das CSS-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWelche Techniken gibt es für die CSS-Abkürzung? Zusammenfassung von fünf CSS-Tipps. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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