Blog de Notas sobre Temas Introductorios al Desarrollo Web: HTML y CSS

El diseño líquido permite crear diseños que se adaptan correctamente a diferentes dispositivos , pero en situaciones extremas (pantallas muy pequeñas o muy grandes) presenta algunos problemas , además no permite transformaciones profundas en el diseño de la página. En la actualidad, esto es muy importante porque una página web se debe de visualizar correctamente en diferentes dispositivos.   En este tipo de diseño, los elementos de una página web se comportan como el agua: se extienden por la superficie de la página web como el agua sobre una superficie, y se adaptan al recipiente que los contiene.   En el diseño líquido el ancho de la página no es fijo, el tamaño de la página y sus elementos está declarado en relación con el ancho de la ventana , que se suele especificar en porcentaje. S e usa un  porcentaje para definir el tamaño de cada bloque . Con el uso de porcentajes logramos que las diferentes columnas de la página se adapten correctamente a la anchura de la

Diseño elástico es el que permite crear diseños que se adaptan a distintos dispositivos . Este diseño se basa en el tamaño del texto y sus posibilidades son limitadas. En el diseño elástico el ancho de la página no es fijo. El tamaño de la página y sus elementos  está declarado en relación con el tamaño del texto, que se suele especificar en em. La principal  ventaja de este diseño es que cuando se aumenta el tamaño del texto, este se reajusta  perfectamente a la estructura, sin desbordamientos. ¿Cómo se realiza un diseño elástico? Para el body, es decir para toda la página, se define un ancho fijo, y luego se define un ancho para cada una de las columnas que componen la página. La suma del ancho de las columnas es igual al ancho total. Para que esto sea verdad es muy importante poner a cero el margen de la página y de las columnas. La anchura de los distintos bloques de la página tendrás que definirlas con la unidad de medida em. De este modo toda la es