étiqueter:

< corps >
< div classe = 'contenu' >
< h1 > Bienvenue sur Linux Astuce. < / h1 >
< p > Un site portail populaire, Linux Hint, fournit d'excellentes informations sur des sujets informatiques. < / p >
< / div >
< / corps >

Étape 2 : Appliquer CSS
Tout d’abord, définissez le « taille de police ' à ' 16px » et « hauteur de ligne » à « 1,5 ». De plus, définissez également la police pour

et

Mots clés:

corps {
famille de polices : sans-serif ;
Police de caractère- taille : 18px;
doubler- hauteur : 1,5 ;
}

h1 {
texte- aligner : centre;
Police de caractère- taille : 26px;
}

p {
Police de caractère- taille : 18px;
}

Sortir
Voici une sortie du code adaptée à toutes les tailles d’écran :

---

---

Étape 3 : Appliquer la requête multimédia

• Mentionnons d’abord le '@mention' tag et précisez la taille de l'écran ' 768px ' au ' largeur maximale ' propriété. Cette taille d’écran s’appliquera à tous les écrans qui ont une taille égale ou inférieure à « 768px ».
• Après cela, spécifiez la taille de la police pour ,

  , et

  Mots clés:

@ médias ( max- largeur : 768px ) {
corps {
Police de caractère- taille : 16px;
doubler- hauteur : 1,5 ;
}

h1 {
Police de caractère- taille : 22px;
}

p {
Police de caractère- taille : 14
}
}

Vous trouverez ci-dessous une sortie après application de la requête multimédia. La requête multimédia a été conçue pour les appareils dont la taille d'écran est égale ou inférieure à ' 768px » :

Conclusion

Pour améliorer la lisibilité grâce à la taille des polices, commencez par développer un sentiment de lisibilité et de taille des polices. De plus, comprenez les différentes tailles de police et balises de police. Choisissez la taille de police appropriée, puis choisissez la hauteur de ligne appropriée. En règle générale, la hauteur de ligne est 1,2 fois la taille de la police. De plus, choisissez la famille de polices adaptée au contenu Web. Cet article a démontré la manière pratique d'améliorer la lisibilité grâce à la taille des polices.