Introduction aux différents attributs de la police en CSS

Le contenu de cet article est une introduction aux différents attributs de la police en CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Ordre des abréviations : style-variant-weight-size/line-height-family

par exemple :

p{font:italic bold 12px/30px Georgia,serif;}

Remarque : font-size et font- La valeur familiale est requise.

Introduisez chaque attribut dans l'ordre :

1. font-style : normal (par défaut) ; italique (italique) ;

italique ; très similaire au style oblique, mais l'oblique a une mauvaise compatibilité.

2. font-variant : normall (par défaut) ; small-caps (une police qui affiche les petites majuscules ; signifie que toutes les lettres minuscules seront converties en majuscules, mais que toutes les lettres utilisant des petites majuscules sont les mêmes. as Par rapport au reste du texte, la taille de la police est plus petite hériter ;

3. font-weight : normal (par défaut, gras (700 plus léger ); >

4 , font-size : medium (par défaut, medium) ; plus petit (taille plus petite que l'élément parent) ; plus grand (taille plus grande que la longueur de l'élément parent ;

which est identique à medium. Les attributs parallèles sont : xx-small, x-small, small, meidium, large, x-large, xx-large.

5. font-family

par exemple. :

p｛font-family:"Times New Roman",Time,serif;｝

Écriture : (1) Séparez chaque valeur par des virgules (2) Si le nom de la police contient des espaces, il doit être placé entre guillemets doubles. Lorsque vous utilisez l'attribut "style" en HTML, utilisez des guillemets simples.

Remarque : (1) Sur un écran d'ordinateur, les polices sans empattement sont considérées comme plus faciles à lire que les polices avec empattement. (2) Font-family inclut le nom de famille (série spécifiée) et la famille générique (famille de polices générale). L'utilisation d'une police particulière dépend entièrement de la disponibilité de cette police sur la machine de l'utilisateur. Il est donc fortement recommandé d'utiliser un nom de famille de polices générique comme solution de secours.

Recommandations associées :

div +css Comment définir la police grasse, font_html/css_WEB-ITnose

CSS : Fichiers de polices de référence et utilisation des icônes de police_html/css_WEB-ITnose

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!