---
title: Estilitzar text
slug: Learn/CSS/Styling_text
tags:
  - Beginner
  - CSS
  - CodingScripting
  - Fonts
  - Landing
  - Links
  - Module
  - Text
  - font
  - letter
  - line
  - lists
  - shadow
  - web fonts
translation_of: Learn/CSS/Styling_text
original_slug: Learn/CSS/Estilitzar_text
---
<div>{{LearnSidebar}}</div>

<p class="summary">Amb els aspectes bàsics del llenguatge CSS coberts, el següent tema CSS, per a què us concentreu, és l'estil del text - una de les coses més habituals que fareu amb CSS. Aquí observem els fonaments d'estil de text, incloent la configuració de fonts, negreta, cursiva, espaiat entre línies i lletres, ombres i altres funcions de text. Completem el mòdul examinant l'aplicació de fonts personalitzades a la vostra pàgina i llistes d'estil i enllaços.</p>

<h2 id="Requisits_previs">Requisits previs</h2>

<p>Abans de començar aquest mòdul, ja hauríeu de tenir una familiaritat bàsica amb l'HTML, tal com s'ha explicat en el mòdul <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introducció a HTML</a> i estar còmodes amb els fonaments CSS, tal com s'ha explicat en <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introducció a CSS</a>.</p>

<div class="note">
<p><strong>Nota</strong>: Si esteu treballant en un ordinador/tauleta/altre dispositiu on no té la capacitat de crear els vostres propis fitxers, podeu provar (la majoria) els exemples de codi en un programa de codificació en línia com <a href="http://jsbin.com/">JSBin</a> o <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
</div>

<h2 id="Guies"><span id="result_box" lang="ca"><span>Guies</span></span></h2>

<p>Aquest mòdul conté els següents articles, que us ensenyaran tot l'essencial de l'estil del contingut de text HTML.</p>

<dl>
 <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals">Text fonamental i estil de font</a></dt>
 <dd>En aquest article, es detallen tots els conceptes bàsics d'estil de text/font, incloent la configuració del pes de la font, família i estil, abreviatura de font, alineació del text i altres efectes, i espaiat entre línies i lletres.</dd>
 <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_lists">Estilitzar llistes</a></dt>
 <dd>Les llistes es comporten com qualsevol altre text en la seva major part, però hi ha algunes propietats CSS específiques de les llistes que necessiteu saber i algunes de les millors pràctiques a tenir en compte. Aquest article ho explica tot.</dd>
 <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_links">Estilitzar enllaços</a></dt>
 <dd>En dissenyar enllaços, és important entendre com fer ús de pseudo-classes per crear estils de vincles de manera efectiva i com dissenyar vincles per utilitzar-los en característiques d'interfície variades comunes, com a menús de navegació i pestanyes. Veurem tots aquests temes en aquest article.</dd>
 <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Web_fonts">Fonts Web</a></dt>
 <dd>Aquí explorarem detalladament els tipus de fonts web, que us permeten descarregar fonts personalitzades juntament amb la vostra pàgina web, per permetre un estil de text més variat i personalitzat.</dd>
</dl>

<h2 id="Avaluacions">Avaluacions</h2>

<p>Les següents avaluacions posaran a prova la vostra comprensió de les tècniques d'estil de text cobertes en les guies anteriors.</p>

<dl>
 <dt><a href="/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage">Composició d'una pàgina web d'una escola comunitaria</a></dt>
 <dd>En aquesta avaluació, provarem la vostra comprensió sobre l'estil de text, que us permetrà personalitzar el text de la pàgina d'inici d'una escola comunitària.</dd>
</dl>