Résumé des connaissances communes sur la mise en page CSS (style de texte)

Il y a beaucoup de connaissances en CSS, et il nous est impossible de tout retenir. Pendant mon temps libre, j'ai compilé quelques connaissances communes sur la mise en page CSS. Cet article partagera avec vous les connaissances communes sur les styles de texte CSS. Les amis dans le besoin peuvent s'y référer, j'espère que cela pourra vous aider.

1. Type de police

Les polices chinoises prises en charge par la plupart des systèmes utilisateur sont Song, Hei, Youyuan et Kai ; les polices anglaises prises en charge par défaut sont Arial, Arial Black, Arial Narrow, Century Gothic, Comic SansMS, Times New Roman, etc. En utilisation, Song Dynasty et Arial sont utilisés le plus fréquemment.

CSS fournit la propriété font-family pour définir le type de police.

Exemple : p{font-family: 宋体;}

Remarque : Si plusieurs attributs de police sont définis en même temps, la priorité est dans l'ordre.

2. Taille de la police

CSS fournit l'attribut font-size pour définir la taille de la police.

Exemple : p{font-size: 12px;}

Taille relative

px, em, 10%, plus grand, plus petit (les deux derniers sont relatifs au parent élément )

Taille absolue

pt, pc, en cm, mm

Mots clés

xx-small, x-small, petit, grand, x -large,xx-large

3. Font bold

CSS fournit l'attribut font-weight pour définir la police en gras.

Exemple : p{font-weight : bold;>

Chiffres : 100, 200,…,900

Mots clés : gras, plus audacieux, plus léger, normal

4. Couleur du texte

CSS fournit l'attribut color pour définir la couleur du texte.

Exemple : p{color : rouge;>

Nom de la couleur : rouge, vert,…

Valeur RVB : (255,255,255),…….

Valeur hexadécimale : #ff0000,...

5. Italique

CSS fournit l'attribut font-style pour définir l'italique de la police. Il existe trois valeurs d'attribut : normale, italique et oblique.

Exemple : p{font-style : italic;}

6. Souligné, topline, barré

CSS fournit des propriétés de décoration de police définies pour le soulignement. , souligné et barré. Il existe quatre valeurs d'attribut : souligner (souligné), clignoter (texte clignotant), surligner (ligne supérieure) et passer à la ligne (barré).

Exemple : p{font-decoration: underline;>

7. Casse des lettres anglaises

CSS fournit l'attribut font-transform pour définir l'anglais. lettres majuscules et minuscules. Il existe quatre valeurs d'attribut : aucune, majuscule (la première lettre est en majuscule), majuscule (toutes en majuscules) et minuscule (toutes en minuscules).

Exemple : p{font-transform : none;>

8. Style de paragraphe de texte

Alignement horizontal

CSS Fournir attribut text-align pour définir l’alignement horizontal. Il existe quatre valeurs d'attribut : gauche (aligné à gauche), droite (aligné à droite), centre (centré) et justifier (aligné aux deux extrémités).

Exemple : p{text-align: left;}

Alignement vertical

CSS fournit des attributs de mode d'écriture et de flux de mise en page pour définir l'alignement vertical.

Syntaxe : mode d'écriture : lr-tb ; (gauche-droite-haut-bas)

mode d'écriture : tb-rl (haut-bas-droite-gauche)

layout-flow : horizontal ; (disposition horizontale)

layout-flow : vertical-idéographique (disposition verticale)

Indentation de première ligne

CSS fournit le Attribut text-indent pour définir l'indentation de la première ligne. Entrez. Les valeurs d'attribut peuvent être des valeurs de pixels ou des pourcentages.

Exemple : p{text-indent: 12px;}

Espacement des lignes

CSS fournit l'attribut line-height pour définir l'espacement des lignes. La valeur d'attribut peut être une valeur de longueur.

Exemple : p{line-height: 12px;}

Espacement des caractères

CSS fournit l'attribut letter-spacing pour définir l'espacement des caractères. La valeur d'attribut peut être une valeur de longueur.

Exemple : p{letter-spacing : 12px;} (espacement des lettres)

p{word-spacing : 12px;} (espacement des mots)

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!