Programación Web » Aprender CSS » Unidad 1. Aprender CSS:

Display en CSS

Visto: 427

css

Si bien en la especificación se define exactamente cuáles son los elementos bloque y cuáles los inline, existe una instrucción con la que se pueden invertir esas definiciones “naturales”. Por ejemplo, cualquier elemento bloque se puede representar como elemento inline, y viceversa. Incluso se puede suprimir la representación de cualquier elemento (y también se pueden hacer invisibles).

Veamos algunos ejemplos (excepcionalmente con el estilo inline):

<div style=”display: inline;”>parte de un texto</div>

El elemento bloque se convierte en un elemento inline.

<a href=”foot.html” style=”display: block;”>texto del link</a>

El elemento inline se convierte en un element bloque

<div style=”display: none;”>parte de un texto </div>

El elemento no se muestra. Debemos de tener en cuenta que la muestra se suprime completamente sin contar para nada con el espacio que ocupa el elemento ni reservarlo. Los elementos contiguos no se ven afectados en su tamaño o posición.

Artículos de navegación

Acerca del Profesor

Adrián Delgado Rodríguez

Ingeniero en Computación, docente por convicción y apasionado por la programación Web.

Actualmente trabaja como Profesor para en el Centro Universitario de la Costa de la Universidad de Guadalajara y como Desarrollador Web.

Síguenos:

 

Ver el perfil completo de Hugo Adrián Delgado Rodríguez (akus.net).

Deja un comentario

avatar comentario
Jose
Si bien en la especificación se define exactamente cuáles son los elementos bloque y cuáles los inline.




Diseño de páginas Web en Puerto Vallarta y Bahía de Banderas akus.net
subir

Síguenos en Facebook

Artículo de la semana

Cómo iniciar una página WebMetodología para la creación de sitios

Comprende las fases de Análisis, Planificación, Contenido, Diseño. ¿Qué método utilizas?