css float elements tutorial

Un tutorial bastante interesante que nos responderá varias preguntas sobre maquetación de varios elementos. Nos ayudará a comprender cómo apilar capas, alinear elementos inline, propiedades float y collapse, hasta un total de 15 preguntas:

• ¿De cuántas maneras se puede relacionar un objeto con otro?
• ¿Cómo se posicionan lateralmente los elementos inline?
• ¿Cómo se formatean los bloques apilados?
• ¿Cómo dos elementos bloques son formateados en una pila?
• ¿Cómo se formatean los elementos flotantes?
• ¿Por qué no se muestra el margen superior?
• ¿Cómo se colapsan los márgenes verticales entre dos bloques?
• ¿Cómo se colapse el padding entre un elemento padre y sus hijos?
• ¿Cómo se relaciona el ancho de un elemento padre con el de sus hijos?
• ¿Cómo se extiende el ancho total de un elemento?
• ¿Cómo pobrar el ancho total de un elemento hijo?
• ¿Cómo se puede probar el ancho del contenido de un elemento padre?
• ¿Qué se considera espacios en blanco en un documento HTML?
• ¿Cómo se formatean los espacios en blanco?
• ¿Qué ocurre con varios espacios en blanco en elementos inline?

CSS Tutorials – Understanding Multiple Element Formatting Rules

Vía / Pixel Groovy