CSS

Unidades de medida en CSS

Las unidades de medida en CSS son muchas y se representan mediante un número seguido de su unidad de medida (sin espacios). Normalmente las vemos y usamos a menudo en el modelo de cajas, pero lo cierto es que están presentes en prácticamente todo el proyecto CSS. Por lo que las veremos en propiedades como …

Unidades de medida en CSS Leer más »

Introducción e instalación de PostCSS

Esta es la definición exacta que nos proporciona su página oficial de PostCSS en GitHub. Estos plugins transforman tu CSS en una hoja de estilos que interpretará tu navegador. Pueden soportar variables y mixins, compilar sintaxis CSS del futuro, imágenes en línea y mucho más. Así parece todo muy bonito, pero… ¿para qué sirve realmente …

Introducción e instalación de PostCSS Leer más »

Textos multicolumnas con CSS3

Para crear un párrafo repartido en diferentes columnas y sin la necesidad de repartir el texto contamos con la propiedad column-count y column-gap. column-count: detallamos el número de columnas que necesitamos.column-gap: espacio entre las columans. Mejor lo vemos con un ejemplo: Este es el html del párrafo que queremos dividir. <p>Lorem ipsum dolor sit amet, …

Textos multicolumnas con CSS3 Leer más »

Trabajar con colores en LESS

LESS actúa como herramienta para crear CSS con variables, operaciones, reglas anidadas o funciones, por citar algunos ejemplos.

6. pasar de PSD a HTML y CSS | crear varias columnas en html y css

En esta ocasión vamos a maquetar varias columnas en una página con HTML y CSS. Además, con la peculiaridad de que cada una tiene un ancho (width) diferente… Ya verás qué fácil 😉 Según nuestro archivo psd y ayudándonos de las guías, las columnas miden lo siguiente en ancho: Columna Izquierda: 221px. Columna Central: 326px. …

6. pasar de PSD a HTML y CSS | crear varias columnas en html y css Leer más »