Las propiedades CSS se utilizan para diseñar elementos HTML y hacer que el sitio web se vea más atractivo y ordenado. Hay varias propiedades disponibles, cada una con una función específica.

Propiedades de color y fondo

Las propiedades de color y fondo se utilizan para definir el color de los elementos, tanto del texto como del fondo. Algunas propiedades comunes son:

  • color: establece el color del texto
  • background-color: establece el color de fondo del elemento
  • pacity: establece la opacidad del elemento

Propiedades de fuente

Las propiedades de fuente se utilizan para definir la apariencia del texto. Algunas propiedades comunes son:

  • font-size: establece el tamaño de fuente
  • font-family: define la familia de fuentes
  • font-weight: establece el peso de la fuente

Propiedades de diseño

Las propiedades de diseño se utilizan para definir la posición y el tamaño de los elementos. Algunas propiedades comunes son:

  • display: define el tipo de visualización del elemento
  • posición: define la posición del elemento
  • ancho y alto: define el ancho y el alto del elemento

Propiedades de borde

Las propiedades de borde se utilizan para definir la apariencia del borde de los elementos. Algunas propiedades comunes son:

  • border-style: establece el estilo del borde
  • border-width: establece el ancho del borde
  • border-color: establece el color del borde

Propiedades de animación

Las propiedades de animación se utilizan para crear efectos de transición y animación en los elementos. Algunas propiedades comunes son:

  • transición: define la transición entre las propiedades del elemento
  • animación: define una animación personalizada para el elemento
  • transform: define una transformación en el elemento, como rotación o escalado

Estas son solo algunas de las propiedades CSS disponibles. Es importante conocer bien cada uno de ellos y saber usarlos para crear un sitio web con una apariencia profesional y atractiva.

Ahora responde el ejercicio sobre el contenido:

_¿Cuál es el rol de las propiedades de color y fondo en CSS?

¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.

¡Tú error! Inténtalo de nuevo.

Imagen del artículo Unidades de medida en CSS

Siguiente página del libro electrónico gratuito:

5Unidades de medida en CSS

2 minutos

¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!

Disponible en Google Play Disponible en App Store

+ 6,5 millones
estudiantes

Certificado gratuito y
válido con código QR

48 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo, audio y texto.