Über mehrere neue Hintergrundattribute und Textattribute in h5

1. Hintergrundbildanzeige:

①background-size: gibt die Größe des Hintergrundbilds an;

Wert: Pixelwert, Prozentsatz, Auto, Cover, enthalten

②background -origin: Gibt die Startposition des Hintergrundbilds an;

Wert: padding-box (Standard), content-box, border-box

③background-clip

Wert: padding-box, content-box, border-box (Standard)

2. HSLA:

Neues Farbattribut;

H: Farbton

S: Sättigung

L: Helligkeit

A: Transparenz

3. Neue Verlaufsfarbe:

radial-gradient：(*position（deg），color percentage，color percentage)；

Radialer Verlauf

linear-gradient：(*position，color percentage，color percentage)；

Linearer Farbverlauf

4. Neue Reflexion:

-webkit-box-reflect：(direction，offset，color(可线性)，url)

5. MASKEN-Maske:

-webkit-mask：(url，repeat，position，size)

6. Benutzerdefiniert Schriftart:

@font-face{
　　font-family：'iconfont'；定义字体名
　　src：url(‘iconfont.tff’)；加载字体
}

7. Auslassungspunkte für mehrzeiligen Text: (insgesamt vier Zeilen CSS)

-webkit-box-orient:vertical  =>文本垂直显示
-webkit-line-clamp:3  =>显示 3 行文本
display:webkit-box  =>弹性盒模型
overflow:hidden  =>溢出隐藏

8. Textschatten: (kann in Kombination verwendet werden)

text-shadow：offsetX，offsetY，模糊距离，颜色

Das obige ist der detaillierte Inhalt vonÜber mehrere neue Hintergrundattribute und Textattribute in h5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!