Comment formater le texte sur votre site web avec le pi de framboise

Vous pouvez modifier quelques propriétés à modifier la façon dont le texte de votre site ressemble à l'écran avec le Raspberry Pi. Tout ce que vous pouvez ajouter pour rendre votre site plus attrayant visuellement va encourager les gens à continuer à visiter votre site. Les propriétés que vous pouvez modifier sont

• famille de polices: La police utilisée pour afficher une page Web dépend de ce Fonts ordinateur du visiteur a installé. Vous utilisez cette propriété pour spécifier une liste de polices que vous préférez utiliser pour le texte, en commençant par votre première préférence, et de travailler votre chemin vers le bas de dernier recours, si vos choix antérieurs ne sont pas disponibles.

  Vous ne savez pas ce que quelqu'un a des polices sur son ordinateur pour voir votre page web, et les polices sur votre Raspberry Pi ne serez pas sur la plupart des ordinateurs. Il est bon alors que vous pouvez également spécifier un type générique de police à utiliser, tels que serif, sans-serif, ou monospace (où chaque lettre a la même largeur).

• taille de police: Utilisez cette propriété pour changer la taille de votre texte. Les utilisateurs doivent être en contrôle ultime de la taille du texte est, en utilisant les paramètres de leur navigateur, mais vous pouvez spécifier la taille que vous voulez un morceau de texte pour être, par rapport à ce qu'elle aurait été autrement. Il ya un couple de différentes manières de le spécifier, mais la plus simple est d'utiliser un pourcentage (tel que 150%).

• le style de police: Réglez-le italique pour rendre le texte en italique. Si vous avez un texte en italique que vous voulez faire de la non-italique, régler la le style de police à normal.

• font-weight: Réglez-le audacieux pour rendre le texte en gras. Si vous avez un texte qui est en gras que vous voulez faire caractères normaux, réglez le le style de police à normal.

• 
  
  
  
  

  text-decoration: Réglez-le souligner à souligner du texte, et aucun si vous ne voulez pas le texte pour être souligné. Parce que les visiteurs du site attendent texte souligné pour être un lien, il est rarement une bonne idée de souligner tout autre texte.

• text-align: Donnez cette propriété une valeur de gauche, droite, centre, ou justifier de préciser comment le texte est aligné.

• text-indent: Utilisez cette option pour définir un tiret pour la première ligne de texte. Une valeur de 1 em en retrait de la première ligne de la largeur d'une lettre m. Vous pouvez utiliser d'autres numéros aussi, comme 0.5em, 1.5em ou 2em.

Vous pouvez formater beaucoup de texte de différentes façons d'utiliser ces. Par exemple, si vous vouliez faire tout le texte sur votre page serif, vous pouvez utiliser

body {font-family: serif-}

Si vous vouliez spécifier que votre page doit être affiché idéalement avec la police Liberation Serif, mais avec toute autre police d'empattement si celui-ci ne sont pas disponibles, l'utilisation

body {font-family: “ Liberation Serif ” ;, serif-}

Notez que parce que le nom de la police a plus d'un mot en elle, il ya de cotation (discours) marques autour d'elle. Entre les différents noms de polices ou des types, il ya une virgule.

Pour rendre vos paragraphes toutes justifiées (de sorte que les bords gauche et droit sont à la fois droite), mais avec un tiret dans la première ligne, l'utilisation

p {text-align: justify-text-indent: 0.5em-}

Pour désactiver le soulignement sur les liens et les rendre gras à la place, l'utilisation

un {font-weight: bold-text-decoration: none; }