Ejercicios css

Ejercicio 1 Dar formato con css.

1. Definimos márgenes, fuente, colr y color de fondo para el cuerpo del documento
(body)

2. Añadimos estilos a las cabeceras.

Cabecera principal (h1) (margen, relleno, fuente, color, color de fondo y borde inferior)
Cabecera secundaria (h2) (margen, relleno, fuente y color)
Párrafo (p) (margen, fuente,)

3. Las imágenes sin borde (img)

4. Los enlaces (etiqueta <a>):

El estilo principal (a:link) con su color, color de fondo transparente y sin subrayado.
Cuando pase el cursor sobre un link (a:hover) que cambie de color del link, el color de
fondo y que siga sin subrayar.

Ejercicio 2 . Definir un texto dentro de la marca HTML h1. Luego definir un estilo
interno a la marca que fije el color de texto en rojo y el fondo en amarillo.
pagina1.html

Ejercicio 3. Definir para la marca h1 una fuente de tipo 'new times roman', fuente de 30
pixeles, estilo italic y peso bold.
Para la marca h2 definir una fuente de tipo 'verdana' y de 20 píxeles de alto.

Ejercicio 4. Confeccionar una página HTML que defina la misma fuente y color para las marcas
h1,h2 y h3.

Ejercicio 5. Inicializar las marcas h1 y p con los siguientes valores:

H1: espacio de letra 10 px, espacio entre palabras 30 px y letras mayúsculas
P: texto indentado 20 px.

Ejercicio 6. Disponer un texto encerrado por la marca b (bold) dentro de un párrafo, el

color de la misma será verde. Pero si la marca b está contenida por la marca h1 el color
debe ser rojo.
Pinta de rojo un texto contenido por la marca em siempre y cuando este contenido por la
marca h1 y div (en ese orden).

1
Ejercicios css

Crea estos estilos en un fichero externo y crea un fichero html con ejemplos que
comprueben estos estilos.

Ejercicio 7. Confeccionar una página HTML que incorpore una hoja de estilo desde un archivo
externo. Definir reglas de estilos para las marcas body, h1 y p.

Ejercicio 8. Definir la clase con color de texto negro, color de fondo azul y estilo de
fuente itálica.
Aplicar esta regla a las marcas h1 y span.

Ejercicio 9. Crear un estilo por medio de un Id, luego crear una página con un bloque div,
definir la propiedad id con el nombre del estilo creado.

Ejercicio 10. Definir dos párrafos que representen una pregunta y una respuesta.
Inicializar estilos para el borde.

Ejercicio 11. Crear una clase .titulopagina que inicialice independientemente el grosor,
estilo y color de la propiedad del borde.

POSICIONAMIENTO:

Crea los estilos (clases, estilos individuales, etc.) para conseguir las siguientes páginas web.

1.

2.

3.

2
Ejercicios css

4.

5.