En plus des arrière-plans et des couleurs esthétiques, les paramètres de police constituent également un élément important de la conception Web. Des polices appropriées rendront non seulement la page plus belle, mais amélioreront également l'expérience utilisateur. CSS fournit une série de propriétés pour définir les styles de police du texte, telles que la modification des polices, le contrôle de la taille et de l'épaisseur de la police, etc.
En apprenant les propriétés CSS ci-dessus, nous pouvons définir la police, la taille, le style, l'italique, le gras, etc. pour le texte en HTML.
1. famille de polices
L'attribut font-family est utilisé pour définir la police d'un élément. La police est Song, Kai, etc.
Grâce à l'attribut font-family, plusieurs polices peuvent être déclarées en même temps et les polices sont séparées par des virgules. Selon le principe d'appel des polices, la première police sera appelée en premier. Si elle n'est pas trouvée, la police suivante sera essayée. Si aucune des deux n'est trouvée, la police par défaut sera appelée.
Exemple:
Par exemple, définissez la police du texte dans la balise <p> suivante :
<p>programmation dotcpp</p>
Vous pouvez utiliser un sélecteur de balises, puis le définir dans l'attribut font-family :
p{font-family:'TimesNewRoman','sans-serif',宋体,楷体;}Lors de la déclaration des polices, nous devons déclarer séparément les polices anglaises et les polices chinoises, et la déclaration des polices anglaises doit être avant les polices chinoises. Parce que la plupart des polices chinoises contiennent des lettres anglaises, mais elles ne sont pas très belles, alors que les polices anglaises ne contiennent pas de caractères chinois. Donc si nous ne voulons pas utiliser de polices chinoises pour afficher l’anglais, nous devons penser à déclarer d’abord les polices anglaises. Celui déclaré en premier sera appelé en premier.
Polices anglaises couramment utilisées : Arial, Helvetica, Tahoma, Verdana, Lucida Grande, Georgia, etc.
Polices chinoises couramment utilisées : SimSun, SimHei, Microsoft YaHei, FangSong, KaiTi, etc.
2.style de police
font-style définit le style de police. Vous pouvez définir la police en italique, italique ou normale. Une police italique est généralement définie comme une police individuelle au sein d’une famille de polices.
Les valeurs d'attribut communes pour ce genre sont les suivantes :
3.font-weight
L'attribut font-weight définit l'audace de la police utilisée dans le texte de l'élément affiché.
Les valeurs de propriété communes pour cette propriété sont les suivantes :
4. taille de police
L'attribut font-size est utilisé pour définir la taille de la police. L'unité couramment utilisée est le px, qui correspond aux pixels.
px est l'abréviation de Pixel, qui est la plus petite unité d'images ou de graphiques numériques pouvant être affichée et représentée sur un appareil d'affichage numérique. Le pixel est l'unité logique de base des graphiques numériques et le pixel est également appelé élément d'image.
5. variante de police
L'attribut font-variant peut convertir les lettres minuscules anglaises du texte en petites majuscules (les lettres majuscules converties sont de taille similaire aux lettres minuscules d'avant la conversion, elles sont donc appelées petites majuscules). Les valeurs facultatives pour l'attribut font-variant sont les suivantes :
6. police
L'attribut font est utilisé pour définir tous les attributs de police dans une seule déclaration, en utilisant des espaces pour séparer chaque attribut. C'est-à-dire l'attribut d'abréviation complet des attributs ci-dessus.
Si nous utilisons l'attribut font pour définir le style de police, l'ordre de configuration est le suivant : font-style, font-variant, font-weight, font-size/line-height, font-family. Il n'est pas nécessaire de définir aucune des valeurs et les propriétés non définies utiliseront leurs valeurs par défaut.