Mehrere CSS3-Tag-Abkürzungen (empfohlen)

border-radius: CSS3 abgerundete Ecken
Syntax: border-radius: 25px;

Ellipsenecken: Syntax -border-radius: xx%; oder 15px/100px;

box-shadow: CSS3-Boxschatten
Syntax: Box-Shadow: 5px 5px 10px #eee;

border-image: Erstellen Sie einen Rahmen mit einem Bild
Syntax: border-image:url(xx.xxx) 30 30 rund
Rund heißt abflachen, strecken heißt dehnen

background-size: Passen Sie die Größe des Hintergrundbildes an
Syntax: Hintergrundgröße: --px --px;
Das Hintergrundbild füllt background-size: 100% 100% komplett aus;

background-origin: Gibt den Standortbereich des Hintergrundbilds an border-box padding-box content-box

CSS3 erlaubt mehrere Hintergrundbilder: background-image:url(img_flwr.gif),url(img_tree.gif);

CSS3-Farbverläufe

lineare Gradienten: linearer Gradient
Syntax: Hintergrund: linearer Farbverlauf (nach rechts, Rot, Orange, Gelb, Grün, Blau, Indigo, Violett);

Verwenden Sie Transparenz
Syntax: lineare Gradienten (nach rechts, rgb(255,0,0,0), rgb(255,0,0,1));

Um Transparenz hinzuzufügen, verwenden wir die Funktion rgba(), um die Farbstopps zu definieren. Das letzte Argument in der Funktion rgba() kann ein Wert zwischen 0 und 1 sein, der die Transparenz der Farbe definiert: 0 bedeutet völlig transparent, 1 bedeutet völlig undurchsichtig.

radial-gradients: radialer Farbverlauf
Die Syntax ist die gleiche wie für lineare Gradienten und wird hier nicht wiederholt.

Textschatten: Textschatten
Syntax: Textschatten: --px --px --px #eee;

word-wrap:break-word Wenn ein Wort zu lang ist und nicht über das Textfeld hinausläuft, erzwingt dieser Tag einen Zeilenumbruch

Der obige Artikel zu mehreren CSS3-Tag-Abkürzungen (empfohlen) ist der gesamte Inhalt, den der Herausgeber mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/zhouliang/archive/2016/07/06/5647213.html