Quelles sont les propriétés d'apparence CSS ? Introduction aux propriétés d'apparence CSS

Ce que cet article vous apporte, c'est quels sont les attributs d'apparence du CSS ? L'introduction des attributs d'apparence CSS a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère que cela vous sera utile.

Attribut d'apparence CSS

color : Couleur du texte

L'attribut color est utilisé pour définir la couleur du texte. Il existe trois façons de prendre des valeurs :

1. Valeurs de couleur prédéfinies, telles que rouge, vert, bleu, etc.

2. Hexadécimal, tel que #FF0000, #FF6600, #29D794, etc. En pratique, l’hexadécimal est la manière la plus courante de définir les couleurs.

3. Le code RVB, tel que le rouge, peut être représenté par rgb(255,0,0) ou rgb(100%,0%,0%).

p {    line-height: 25px;/*行间距*/
    text-indent: 2em;/*首行缩进*/
    }
h3 {    
    text-align: center;/*水平对齐*/
    }

<. 🎜>L'attribut letter-spacing est utilisé Lorsqu'il s'agit de définir l'espacement des mots, ce que l'on appelle l'espacement des mots est l'espace entre les caractères. Sa valeur d'attribut peut être une valeur numérique dans différentes unités, les valeurs négatives sont autorisées et la valeur par défaut est normale.

word-spacing : espacement des mots

L'attribut word-spacing est utilisé pour définir l'espacement entre les mots anglais et n'est pas valide pour les caractères chinois. Comme l'espacement des lettres, ses valeurs d'attribut peuvent être des valeurs dans différentes unités, les valeurs négatives sont autorisées et la valeur par défaut est normale.

L'espacement des mots et l'espacement des lettres peuvent être définis pour l'anglais. La différence est que l'espacement des lettres définit l'espacement entre les lettres, tandis que l'espacement des mots définit l'espacement entre les mots anglais.

p {
    letter-spacing: 2px;/*字间距*/
    }
p {
    word-spacing: 5px;/*单词间距 针对英文 中文无效*/
    }

normal Utilisez les règles de saut de ligne par défaut du navigateur.

break-all permet les sauts de ligne dans les mots.

keep-all ne peut être renvoyé qu'à des espaces ou à des traits d'union à mi-largeur.

Translucidité des couleurs (CSS3)

Lorsque la couleur du texte atteint css3, on peut adopter un format translucide.

color:rgba(r,g,b,a) a是alpha 透明的意思 取值范围 0~1之间 color:raba(0,0,0,0.3)

Nous pouvons ajouter un effet d'ombre au texte Ombre

text-overflow:水平位置 垂直位置 模糊距离 阴影颜色；

Recommandations associées :

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!