Dimension En Css

DIMENSIONES como el navegador calcula las dimensiones de un elemento DIMENSIÓN DECLARADA • Propiedades width y height • Tamaño Fijo • Porcentajes ✗ papá height solo para tamaños definidos, no automáticos DIMENSIÓN AUTOMÁTICA Propiedad box-sizing Como calcula el navegador el tamaño de la caja Propiedad background-clip a que caja se aplica background Nota. Es recomendable SIEMPRE box-sizing y border-box con el selector universal, donde el width y el height que declares no se van a sobreescribir por el padding ni por el border,DIMENSIÓN DECLARADA

PORCENTAJES Todo depende del papá height solo para tamaños definidos, no automáticos tu no defines el tamaño, el navegador le asigna generalmente por el contenido En CCS el width casi no tiene misterio al ancho es ancho… el ancho en % es el del papá El problema es el A-L-T-O

por mas que pongas el alto al 50% no modifica nada en absoluto

•

Donde acaba el contenido, acaba el body

vh: view port height vw: view port width Las medidas vh y vw son medidas relativas de acuerdo al viewport. Vh hace referencia a la centésima parte de la altura del viewport y vw a la centésima parte del ancho del viewport. Espacio disponible en pantalla,

1vh = 1% de la altura del viewport 100vh = altura del viewport 1vw = 1% del ancho del viewport 100vw = ancho del viewport ojo… por compatibilidad con otros navegadores y el scroll, es recomendable decirle

min-height todo vuelve al estado anterior por que hay una diferencia entre el alto declarado y el alto automáticos al decirle min-height el alto del body es automático (le dices cual es su minimo. Al máximo calculalo vos) •

las ALTURAS van a depender del PAPÁ para Tamaños Definidos, NUNCA para Automáticos

DIMENSIONES AUTOMÁTICAS son cuando tu no defines el alto y el ancho, el navegador los calcula

Si el tamaño es Automático al hijo no vas a poder aplicarle un height con porcentaje, si un width con porcentaje