Introduction à plusieurs nouveaux attributs d'arrière-plan et attributs de texte en HTML5

1. Affichage de l'image d'arrière-plan :

①background-size : spécifie la taille de l'image d'arrière-plan

valeur : valeur en pixels, pourcentage, auto, couverture, contenir

②background -origin : Spécifie la position de départ de l'image d'arrière-plan ;

valeur : padding-box (par défaut), content-box, border-box

③background-clip

valeur : padding-box, content-box, border-box (par défaut)

2. HSLA :

Nouvel attribut de couleur

H : Teinte

S : Saturation

L : Luminosité

A : Transparence

3. Nouveau dégradé de couleur :

radial-gradient：(*position（deg），color percentage，color percentage)；径向渐变
linear-gradient：(*position，color percentage，color percentage)；线性渐变

4. Nouvelle réflexion :

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

5. MASQUES masque et masque :

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

6. Police personnalisée :

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

7. Texte multiligne ellipses : (quatre lignes de CSS au total)

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

8. Ombre de texte : (peut être utilisée en combinaison)

text-shadow : offsetX, offsetY , Flou distance, couleur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!