Skip to content

iyasyr/WebDev-Lab-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Laboratorio №3

Práctica de CSS — Índice y Estilos Avanzados


1. Índice de Artistas

Crea una lista (ordenada o desordenada) al principio de la página con el índice de artistas presentes en la web.


2. Distribución de la Página

  • Distribuye la página utilizando divs, algunos de los cuales deben tener un nombre (id).
  • Debe haber hasta tres niveles de anidamiento de divs (uno dentro de otro).

3. Pruebas con CSS

  • Prueba en el CSS las opciones de padding, margin y gap.
  • Asigna colores a textos y fondos (background).
  • Ten en cuenta sobre qué elemento estás actuando con el CSS y qué elementos están dentro de otros.

4. Opciones Estéticas para Experimentar

  • border: Añadir bordes a elementos y probar diferentes grosores, estilos y colores.
  • border-radius: Redondear los bordes para crear esquinas suaves.
  • box-shadow: Añadir sombras a los elementos para darles profundidad.
  • font-family: Cambiar la tipografía de los textos.
  • font-size: Ajustar el tamaño de los textos.
  • line-height: Ajustar el espaciado entre líneas de texto.
  • text-align: Alinear el texto a la izquierda, derecha, centro o justificarlo.
  • width y height: Ajustar las dimensiones de los elementos, usando tamaños fijos, relativos o fluidos.
  • overflow: Controlar el contenido desbordado (scroll, hidden, etc.).
  • opacity: Ajustar la transparencia de los elementos.
  • display: Experimentar con valores como block, inline, flex, grid, etc.
  • hover y active: Probar pseudoclases para estilizar elementos al interactuar con ellos.
  • background-image: Añadir imágenes de fondo y experimentar con su posición, repetición y tamaño.
  • cursor: Cambiar el estilo del cursor al pasar por encima de un elemento.
  • transition: Crear efectos suaves al cambiar propiedades como color, fondo o transformación.
  • transform: Aplicar transformaciones como rotar, escalar o trasladar elementos.

About

Course: DEVELOPMENT OF APPLICATIONS WITH WEB TECHNOLOGIES

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published