Seleccionar página

 

General

The Css Cascade: Interesante artículo para comprender como funciona la cascada de estilos y como prevalecen unos atributos u otros, perteneciente al blog de Amelia Wattenberger, con distintos contenidos muy interesantes.

Tutorial Css de W3Schools, con contenido de referencia.

Referencia CSS de Mozilla que no podía faltar.

Box Model

Entrada  de Mozilla (MMDN) detallando el uso del Box Model, y otro tutorial de uso del Box model de W3Schools.

Otro interesante artículo de CSS-Tricks, detallando interesante información acerca del uso de la propiedad margin.

Block vs inline

Entrada de MMDN detallando el concepto de Normal Flow.

HTML Block and Inline Elements de W3Schools.

Tutorial de Digital Ocean mostrando el uso de Inline vs Inline-Block.

Otro tutorial interensate acerca de este tema, puede verse aquí, aunque en el momento de escribir esta entrada, se encontraba caido.

Flexbox

Interesante tutorial de Internetins is har acerca del uso de Flexbox.

Sección de W3.org dedicada a los valores básicos de flex.

MMDN: Documentación completa en acerca de flex.

Comprendiendo flex-grow, flex-shrink y flex-basis de CSS-Tircks.

Muy interesante hoja resumen de propiedades.

Varios apartados de MMDN: Conceptos básicos del Flexbox, alineación de elementos en un contenedor Flex, Casos típicos de uso de Flexbox,

CSS-Tricks: Guía completa de Flexbox

Otros recursos interesantes acerca del Flexbox

FlexboxFroggy, pequeño juego para experimentar con los parámetros.

Freecodecamp: Tutorial Flexbox.

Traversy Media: Curso de Flexbox.

 

Estilos por defecto en los navegadores

Meyerweb: Css reset.

Nicolasgallagher.com: Normalize vs reset.

CSS-Tricks: Ahondando en el reset y otros tipos de reseteo.

bitsofcode tiene otro interesante artículo: css-reset in 2018

CSS Units o unidades CSS

Diferencias entre px, em, rm, vh y vw.

CSS values and units – Learn web development | MDN (mozilla.org)

CSS units: em, rem, and px – Cody Loyd

Fun with Viewport Units | CSS-Tricks – CSS-Tricks

 

Validación

Algunas herramientas de validación:

  • Freeformater.com además de validación, ofrece una gran variedad de herramientas adicionales.