Styling text · Dar formato al texto
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Esta página necesita un navegador reciente (con soporte para SharedArrayBuffer). Por favor, actualiza Chrome, Edge, Firefox o Safari a la última versión.
English
Sizing text
font-sizesets how big text is, usually in pixels:font-size: 24px;.font-weight: bold;makes text bold (usenormalto undo it).font-family: Georgia;changes the typeface — the style of the letters.
Español
Tamaño del texto
font-sizeestablece el tamaño del texto, generalmente en píxeles:font-size: 24px;.font-weight: bold;hace que el texto esté en negrita (utilicenormalpara revertirlo).font-family: Georgia;cambia la tipografía —el estilo de las letras—.
English
Aligning text
text-alignmoves text left, center, or right inside its box.text-align: center;is great for titles.line-height: 1.6;adds space between lines, so paragraphs are easier to read.
Español
Alineación del texto
text-aligndesplaza el texto hacia la izquierda, el centro o la derecha dentro de su contenedor.text-align: center;es ideal para títulos.line-height: 1.6;añade espacio entre líneas, haciendo que los párrafos sean más fáciles de leer.
<style>
h1 { font-size: 36px; text-align: center; }
p { font-family: Georgia; line-height: 1.6; }
</style>
<h1>My story</h1>
<p>Once upon a time, on a small website...</p>
English
Common mistakes
font-size,font-weightandtext-aligncontrol text.- Sizes often use
pxorrem.
Español
Errores comunes
font-size,font-weightytext-aligncontrolan el texto.- Los tamaños suelen utilizar
pxorem.
English
Now you try
- These properties stack up — one box can have several.
- Resize a heading, then center a paragraph.
Español
Ahora tú intentas
- Estas propiedades se apilan —un mismo elemento puede tener varias—.
- Redimensiona un encabezado y luego alinea un párrafo al centro.
Make the heading bigger. Add h1 { font-size: 40px; }. · Haz que el encabezado sea más grande. Añade h1 { font-size: 40px; }.
Center the paragraph on the page. Add p { text-align: center; }. · Centra el párrafo en la página. Añade p { text-align: center; }.