Si vous êtes nouveau à la conception de pages Web avec HTML et CSS, vous ne pouvez pas réaliser le montant de designers de contrôle ont plus la taille du texte , par rapport à ce qui était disponible à la naissance du Web. En fait, les choix disponibles pour les tailles de police peuvent presque être déroutant. Une variété de moyens sont disponibles pour contrôler la taille des polices d'affichage sur une page Web . Cela se fait le plus souvent en utilisant le CSS ( Cascading Style Sheets ) plutôt que l'ancienne méthode de saisie de chaque style dans chaque ligne de texte dans le fichier HTML ( Hyper Text Markup Language). Code Format avec CSS
Lorsque vous utilisez CSS , vous pouvez définir la taille des polices très spécifiques et de les appliquer à des groupes de texte , que vous désignez avec des étiquettes. Vous pouvez soit créer un fichier CSS externe et l'attacher au fichier HTML qui contient le contenu de votre page, ou vous pouvez inclure des codes de style CSS interne à la tête du fichier HTML. Quelle que soit la méthode que vous préférez , le code de base pour le réglage de la taille de la police ressemble à ceci:
h1 {font -size: 40px ; }
Cela signifie que n'importe quel texte que vous désignez comme «H1» dans le fichier HTML aura une taille de 40 pixels . Si vous avez des problèmes avec la taille du texte apparaissant cette taille, assurez-vous que l'étiquette est ouvert et fermé avec des accolades. Vérifiez également que la valeur se termine par un point-virgule , et qu'aucun espace entre la valeur numérique et « px ».
Standard Type Balises
Habituellement, un concepteur utilise des balises d'en-tête pour régler différentes tailles de police il peut avoir besoin à travers le site . Traditionnellement, ces balises commencent par
, qui est la plus grande taille disponible sur la page , en bas à , qui peut être très petit texte d'un pied de page. Le
définit le corps du texte typique qui apparaît aux paragraphes . Vous pouvez régler l'ensemble de ces dimensions individuelles dans la feuille de style CSS, puis placez le texte écrit dans votre page HTML avec les balises.
Aide valeurs absolues
peut régler la taille de la police en valeur absolue, comme pixels , millimètres ou pouces , comme dans l'exemple suivant:
p {font -size: 14pt ; }
Ceci définit la taille de la police pour tous les textes dans le
que 14 points. Ceci est un exemple de dimensionnement absolu, dans lequel la taille du texte demeure une taille fixe. Certains navigateurs vous permettent de modifier cette taille, ce qui est utile pour ceux qui ont une déficience visuelle qui ont besoin d'augmenter la taille du texte à lire. Toutefois, Internet Explorer ne vous permet pas d'augmenter la taille de ce codage .
Fonction des valeurs relatives
Beaucoup de designers utilisent des valeurs relatives de changer la taille des polices . Ceci définit la taille du texte par rapport à d'autres éléments et vous permet de changer la taille dans tous les navigateurs . Les valeurs relatives notamment pixels , des pourcentages et des EMS. Ems sont l'unité recommandée par le World Wide Web Consortium (W3C). Une mesure de 1 em équivaut à la taille par défaut d'une police dans un navigateur Web , qui est de 16 pixels. Vous pouvez spécifier la taille des polices de SME avec le code suivant :
h2 {font -size: 1.875em ; }
raison de problèmes persistants avec la compatibilité d'Internet Explorer, le W3C recommande une combinaison de pourcentages et les EMS pour assurer en standard une expérience de visionnement possible sur tous les navigateurs . Ils recommandent le code suivant pour définir une taille taille standard de la police :
body { font-size : 100%; }
puis spécifiez vos divers titre et le paragraphe tailles basé sur de ce qui suit:
h1 {font -size: 2.25em ; }
p {font -size: 0.8em ; }