Maison  >  Article  >  interface Web  >  Apprenez à utiliser CSS pour contrôler le style d'affichage des polices Web_Experience Exchange

Apprenez à utiliser CSS pour contrôler le style d'affichage des polices Web_Experience Exchange

WBOY
WBOYoriginal
2016-05-16 12:08:461733parcourir

HTML n'a que trois paramètres pour les balises content : , tandis que CSS a trois paramètres pour content Les spécifications étendues autorisent nous pour avoir des paramètres plus détaillés pour les polices. Pour les paramètres de police : font-family : nom de police 1, nom de police 3, nom de police 3, etc. Affiche la priorité de la police Si la police est installée sur l'ordinateur, elle sera affichée dans cette police. Si la police que vous avez définie n'est pas installée sur l'ordinateur du client, la police par défaut du navigateur sera affichée : font-size:18pt|120%|xx-small|s-small|small|medium| large|x-large|xx- large

Il existe strictement deux façons de définir la taille de la police :

1. Absolue
Tel que : pt;in Ces tailles sont fixes et ne changeront pas en raison de la résolution..

2. Relatif
Par exemple : px;em;% Ceux-ci changeront en fonction de la résolution et de la taille de police actuelle...

font -style:normal|italic|oblique
Italic
font-weight:normal|bold|lighter|bolder|100-900
Font-weight
font-variant:normal|small-caps
Convertissez les minuscules anglaises en majuscules avec une police plus petite

Concernant l'application de ce qui précède, vous pouvez utiliser n'importe quelle méthode de [CSS Insert].
Par exemple :

Ce qui suit est un fragment de citation :
<html>
<head >
<title></title>
<style>
span {font-size:20pt;
font-color:purple; >}
</style>
</head>
<body> /body>
</html>


La police affichée de cette manière sera de 20 pt la taille, le violet et les minuscules anglaises seront convertis en majuscules plus petites. Ou vous pouvez le définir comme ceci :

Ce qui suit est un fragment de citation :
<html>
<head>
<title></title>
</head> <body> <🎜><span style="font-size:20pt;font-color:purple;font-variant:small-caps">Dhtml&Asp</span> > <🎜></body> <🎜></ html >
La police affichée ainsi est également de taille 20 pt, violette et les lettres minuscules anglaises sont converties en lettres majuscules plus petites.

Déclaration:
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