Texte CSS

Comment mettre en forme un texte en CSS ?

Un développeur web / front end, sera forcément amené à personnaliser l'affichage du texte dans ses pages web. Avec quel langage de programmation va-t-il pouvoir réussir cette tâche ? Le CSS bien sûr !
Le CSS est en effet un langage web qui permet de contrôler la mise en page d'éléments présents sur une page web. Que ce soit un bouton, un formulaire, une image... mais également vos textes et vos paragraphes.
Par où commencer ? Premièrement il faut connaître les bases des langages HTML et CSS.
  • Le langage HTML vous permettra d'écrire des balises. Par exemple, pour indiquer qu'un texte doit s'afficher en gras, en italique, un saut de ligne etc.
  • Et le CSS, permettra de personnaliser l'aspect visuel du texte.

Vous pourrez par exemple grâce au CSS mettre en forme du textes, grâce à certaines propriétés CSS :
  • la police par défaut à utiliser grâce à la propriété font familiy
  • la couleur de votre texte : color
  • l'espacement entre les lettres : letter spacing
  • la hauteur de chaque ligne : line height
  • la taille des polices : font size
  • l'alignement de vos textes avec text align
  • ajouter une ombre portée : text shadow
  • etc..
Toutes ces personnalisations pourront être écrites dans une feuille de style.
Vous pouvez faire appel à des librairies externes de gestion de polices, pour utiliser d'autres polices que celles installées sur votre système d'exploitation.
Il existe par exemple des services en ligne gratuits comme Google Fonts. Ce dernier vous permettra d'utiliser des polices de caractères comme Roboto, Open Sans.
Ces Polices ont été créées dans le but d'améliorer la lisibilité de vos paragraphes. Elles sont parfaitement adaptées pour une lecture sur le web.
Lorsque vous travaillez le texte dans une interface web, ou dans une application mobile, vous allez devoir respecter certains critères. Qu'ils soient ergonomiques, liés à l'accessibilité ou à l'expérience utilisateur. Vous ressentirez rapidement le besoin de vous former, pour éviter les erreurs.

Comment apprendre ? Grâce à un tuto texte CSS

Nos cours en vidéo, sous forme de tutos simples et pratiques, vous permettront d'acquérir les compétences nécessaires pour personnaliser vos textes. Grâce à ces formations 100% en ligne vous aurez le contrôle total sur l'affichage de vos textes. Vous progresserez à votre rythme.
Parcours Developpeur Front End
accédez à plus de 1356 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données