Maison > interface Web > tutoriel CSS > le corps du texte

Une méthode d'écriture CSS qui permet aux utilisateurs de contrôler la taille de la police des pages Web_Experience Exchange

WBOY
Libérer: 2016-05-16 12:07:12
original
1380 Les gens l'ont consulté

De nos jours, la plupart des sites Web nationaux utilisent CSS pour définir la taille de la police à 12 pixels. Bien que les pixels soient également des unités de taille relative, ils ne le sont que lorsque la résolution de l'écran est certaine, si vous estimez que la taille de la police est trop petite. lire S'il y a des difficultés, vous ne pouvez rien faire dans les navigateurs non standard, donc si vous changez l'unité en em, vous pouvez utiliser CTRL + défilement de la souris pour agrandir le texte, ou utiliser Affichage > Taille du texte dans le menu pour changer la taille du texte.

Comment définir

1. Définissez la taille de la police dans la balise body à 62,5 %. S'il n'y a pas de paramètre CSS dans le corps, la taille par défaut du navigateur est de 16 px. réglé à 62,5 %, alors la taille de la police =16px*62,5%=10px À ce stade, vous pouvez utiliser em pour définir facilement la taille. Par exemple, si vous devez utiliser 12px, définissez-la simplement sur 1,2em.

body{
font-size : 62,5%;
}

h1{
fong-size : 1,4em;/* la taille de la police h1 équivaut à 14px * /
}
2. Définissez la taille de la police dans le corps à 75 %, puis la taille de la police = 16px*75%=12px, 1em équivaut à 12px

body{
font-. size : 75% ;
}

h1{
fong-size : 1,5em;/* La taille du mot h1 équivaut à 18px */
}

La première méthode Mieux.

S'il s'agit d'un site Web en anglais, vous pouvez également le définir sur small, x-small...

Bien sûr, de cette façon, les exigences de conception de la page seront plus élevées.

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal