Propiedad Display
Esta propiedad altera el tipo de elemento en sí, por lo tanto esto afecta directamente a su comportamiento, es decir, esta propiedad se centra en alterar el comportamiento de los elementos del sitio web. Esta propiedad cuenta con numerosos valores disponibles; cada uno de estos cuenta con un comportamiento en específico. A su vez podemos agrupar algunos de estos como los tipos de elementos básicos los cuales son:
Tipos de elementos básicos
Inline
-
Este valor define que el comportamiento de la caja sea el de un elemento de tipo línea, es decir, estos elementos únicamente dispondrán del espacio necesario para mostrar su contenido, los demás elementos podrán posicionarse alrededor sin ningún inconveniente. Una de las características de este valor es que no se pueden modificar las dimensiones del elemento.
Block
-
Este valor define que el comportamiento de la caja sea el de un elemento tipo bloque, es decir, estos elementos dispondrán del espacio vertical necesario para mostrar su contenido, sin embargo horizontalmente dispondrán de todo el espacio disponible, por lo que otros elementos únicamente podrán ubicarse debajo o arriba de estos. Otra característica de este valor es que no se pueden ubicar elementos en el eje X de los elementos de bloque, por lo que son muy limitados al posicionar elementos a su alrededor.
Inline-block
-
El efecto de este valor se podría decir que es una mezcla de inline y de block, esto ya que permite modificar las dimensiones de la caja a placer, y posicionar elementos a su alrededor sin ningún inconveniente.
Estos tipos de elementos básicos sientan la base de las páginas web modernas, sin embargo hace mucho tiempo dejaron de ser lo único en lo que se basan las páginas web. Con el paso del tiempo y la evolución de los lenguajes web se crearon nuevas formas de maquetar las páginas web, no obstante estos nuevos métodos son bastante complejos y extensos por lo que se desglosan en sus propios apartados a continuación: