Custom Properties CSS3 (Variables en CSS)

Fecha: julio 18, 2019 a las 1:53 pm

Autor: ortizsanchezdev

Categorías: CSS | RECURSOS Etiquetas: |

Letras CSS más dos puntos.

¿Sabías que puedes definir variables en CSS?, imagina cuánto tiempo podrás ahorrarte si tienes que modificar, por ejemplo, un color muy usado en tu documento CSS. Echa un vistazo al código de ejemplo que te muestro:


/*
He usado un espacio entre – y – para una mejor visibilidad del código, pero en realidad son dos guiones seguidos, sin espacio.
*/

:root {
      – -color-cabeceras : #2F2E2E;
}

.div-cabecera1 {
      color : var(- -color-cabeceras);
}

.div-cabecera2 {
      color : var(- -color-cabeceras);
}


¿Te gustaría saber más sobre el tema?, te aporto un par de enlaces al respecto:

W3School -> CSS Variables

Developer Mozilla -> Uso de propiedades personalizadas CSS

¡Espero que os sea útil!

Comentarios: 0


Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


PUBLICACIONES


febrero 2021
L M X J V S D
1234567
891011121314
15161718192021
22232425262728