Ejercicios en css by Nara Leonela Georgina Olave

Ejercicio 1

naraolave — 2023-08-27 19:36:24 UTC

Ejercicio 2

naraolave — 2023-08-27 19:50:44 UTC

Pistas:
1)Debes crear listas(ol)(li).
2)La propiedad en CSS se llama list-style-type.
3)circle ,square,lower-roman,lower-greek,

Ejercicio 3

naraolave — 2023-08-27 19:56:42 UTC

Además, tienes que tener en cuenta los siguientes requisitos:

El título de la página debe ser Curriculum Vitae de Bruce Wayne.
El resto de la estructura de la página debes deducirlo a partir de la imagen proporcionada.

Ejercicio 4 Enlaces . A partir del texto que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

naraolave — 2023-09-24 20:48:51 UTC

Además, tienes que tener en cuenta los siguientes requisitos:

El título de la página debe ser Los tres pilares de la Web.
Los enlaces que aparecen en la página deben tener los siguientes destinos:
- Tim Berners-Lee → http://es.wikipedia.org/wiki/Tim_Berners-Lee
- Web → http://es.wikipedia.org/wiki/World_Wide_Web
- HTML → enlace intradocumental al epígrafe HTML
- HTTP → enlace intradocumental al epígrafe HTTP
- URL → enlace intradocumental al epígrafe URL
- Fuente: HTML → http://es.wikipedia.org/wiki/HTML
- Fuente: HTTP → http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol
- Fuente: URL → http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme

Consejo: para comprobar que los enlaces intradocumentales funcionan correctamente, aumenta el tamaño o zoom de la página con "Control +"

Ejercicio 5 Estilo texto Enunciado:A partir de la página web que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

naraolave — 2023-09-24 20:59:54 UTC

Además, tienes que tener en cuenta los siguientes requisitos:

El tipo de letra principal del texto debe ser Calibri. Como este tipo de letra no está en todos los ordenadores, se debe definir como alternativa los tipos de letra Arial, Helvetica y el tipo genérico sans-serif.
El tipo de letra del encabezado de nivel 1 debe ser Cambria. El tipo alternativo debe ser Times junto con el tipo genérico serif. El color del texto debe ser #1F497D y el color del fondo #BFBFBF. El tamaño del texto debe ser 24 px. El espaciado entre letras debe ser 0.5 em y el espaciado entre palabras 1.5 em. Además, el encabezado de nivel 1 debe aparecer centrado y en mayúsculas.
El tipo de letra del encabezado de nivel 2 es igual que el encabezado de nivel 1. El color del texto debe ser #632423. El tamaño del texto debe ser 18 px. El espaciado entre letras debe ser 0.5 em. Además, el encabezado de nivel 2 debe aparecer en mayúsculas.
El contenido de las listas debe aparecer en cursiva y en negrita. Sin embargo, el contenido etiquetado como no debe aparecer en negrita, pero debe aparecer en versalitas.

Nota: no puedes modificar el código HTML de la página, sólo puedes añadir las reglas CSS necesarias para lograr la presentación deseada.

Ejercicios 6 Maquetación diseño adaptable Enunciado: A partir de la página web que se te proporciona, debes escribir las reglas CSS necesarias para lograr una página web que tenga el mismo aspecto que la siguiente imagen en la que se muestra la página web visualizada en tres dispositivos con diferentes resoluciones de pantalla:

naraolave — 2023-09-24 21:06:28 UTC

Esta página posee un diseño adaptable con tres puntos de ruptura:

Hasta 600 px: un diseño a una columna.
A partir de 600 px y hasta 1200 px: un diseño a dos columnas.
A partir de 1200 px: un diseño a tres columnas.

Fíjate bien en las capturas de pantalla e intenta lograr el mismo resultado.

Puedes modificar el código HTML proporcionado para añadir los identificadores y clases que necesites. También puedes añadir etiquetas
para definir elementos contenedores en la página.

Código base