leer

MINISTERIO
DE EDUCACIÓN
Y CIENCIA

SECRETARÍA GENERAL
DE EDUCACIÓN
Y FORMACIÓN PROFESIONAL
DIRECCIÓN GENERAL
DE EDUCACIÓN,
FORMACIÓN PROFESIONAL
E INNOVACIÓN EDUCATIVA
CENTRO NACIONAL
DE INFORMACIÓN Y
COMUNICACIÓN EDUCATIVA

Edición HTML
Estilos CSS
Texto y fuentes

C/ TORRELAGUNA, 58
28027 - MADRID

Índice de contenido
Estilos paraTexto................................................................................................................. 3
Color................................................................................................................................. 3
Espaciado de letra........................................................................................................... 4
Espaciado de palabras.................................................................................................... 4
Alineación......................................................................................................................... 5
Decoración....................................................................................................................... 5
Sangría de primera línea................................................................................................. 5
Control de letra................................................................................................................. 5
Interlineado...................................................................................................................... 6
Pseudoelementos first-letter y first-line........................................................................... 6
Estilos CSS para Fuentes.................................................................................................... 7
Estilos de letra.................................................................................................................. 7Variantes.......................................................................................................................... 7
Grosor de la letra............................................................................................................. 7
Tamaño de la fuente........................................................................................................ 8Interlineado...................................................................................................................... 9
Familia ............................................................................................................................. 9
Combinar los atributos referentes a la fuente de letra ................................................... 10

Estilos CSS – Texto y fuentes

2 de 10

ESTILOS PARA TEXTO
Vamos a hacer un recorrido por laspropiedades que afectan al texto y su forma de
modificarlas mediante estilos.

COLOR
El atributo de color puede aplicarse al texto, pero también a otros elementos de la página. Se
puede acceder a esta propiedad desde la pestaña texto del editor de CSS. Cuando se aplique al
color de fondo se encontrará en la pestaña del mismo nombre.

Propiedad: color
Valores y ejemplos: Para nombrar un colorpueden utilizarse varios métodos:
•
•
•
•

•

•

Los nombres reservados que aparecen en cada uno de los colores de la figura
precedente utilizando color:maroon
Combinación RGB (rojo, verde, azul) utilizando la notación color:rgb(150,23,220) donde
indicamos los valores decimales de cada color.
Combinación RGB (rojo, verde, azul) utilizando la notación color:rgb(75%,0%,47%)
dondeindicamos los valores porcentuales de cada color.
Combinación RGB (rojo, verde, azul) utilizando la notación hexadecimal color:#a5376f
donde los valores de cada color son representados por cada una de las tres parejas y
precedidos por el signo #
Combinación RGB (rojo, verde, azul) utilizando la notación hexadecimal color:#a53
donde los valores de cada color son representados por un único número...