communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Abréviation de police en CSS

Abréviation de police en CSS

墨辰丷
Libérer： 2018-05-09 17:58:30
original
1866 Les gens l'ont consulté

Cet article présentera en détail l'abréviation de font en CSS. Les amis intéressés peuvent s'y référer.

L'exemple de code est le suivant : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<style> 
    .login_top{height:26px;font:bold 14px/26px "宋体"; border:1px solid #000} 
    .login_top2{height:26px; line-height:26px; font-weight:bold;font-size:14px;border:1px  
solid #000;  font-family:&#39;宋体&#39;} 
</style> 
<div class="login_top">我垂直不居中</div> 
<br/ > 
<div class="login_top2">我垂直居中</div>
Copier après la connexion

Résumé :

1. Lorsqu'elles sont abrégées, Font-size et line-height ne peuvent être composées que d'une seule valeur via slash/ et ne peuvent pas être écrites séparément.

2. L'ordre ne peut pas être modifié. Cette méthode raccourcie ne fonctionne que lorsque les attributs font-size et font-family sont spécifiés en même temps. De plus, si vous ne définissez pas font-weight, font-style et font-variant, ils utiliseront les valeurs par défaut

Recommandations associées :

Comment js correspond et calcule la taille de la police

Comment l'attribut font-size-adjust optimise la mise en page de la page Web

Comment gérer font-weight:blod rebond

Explication détaillée de la variante de police CSS3 font-variation


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!

Étiquettes associées：
css font
source：php.cn
Article précédent：Comment corriger la position en utilisant CSS Article suivant：Application des Sprites en CSS
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Afficher un élément après un bloc de nouvelle ligne J'ai actuellement ceci : je veux mettre l'icône div à la fin du texte, mais comme c'est un...
Depuis 2024-04-04 21:45:21
0
1
271
Menu déroulant central dans la barre de navigation Utilisez CSS/HTML.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbar...
Depuis 2024-04-04 18:24:52
0
1
338
Titre du tableau pivoté verticalement, centré + aligné en bas, multi-navigateur J'ai un tableau avec des en-têtes pivotés qui ressemble à prévu dans Chrome, mais pas dans...
Depuis 2024-04-04 16:45:25
0
1
330
Je rencontre des problèmes avec le formatage de la sortie lors de l'utilisation des balises <br> en HTML J'ai du mal avec les questions pratiques. Vous pouvez donc voir que j'ai tout, du HTML au ...
Depuis 2024-04-02 15:56:11
0
1
315
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal