IFCD0210/Practicas/Practicas CSS/Propiedad Posittion.txt
2023-12-12 13:45:17 +01:00

28 lines
1.2 KiB
Plaintext

Propiedad display
inline --Elemento en línea --El elemento se coloca a continuación del otro (en horizontal).
block --Elemento en bloque --El elemento se coloca encima de otro (en vertical).
flex --Utiliza el modelo de cajas flexibles de CSS.
none --Oculta el elemento visualmente
Propiedad visibility
visible --El elemento es visible. Valor por defecto.
hidden --El elemento no es visible pero sigue ocupando su espacio y posición.
Propiedad opacity
valores de 0 a 1
valores de 0% a 100%
*****Propiedad posittion *****
static Posicionamiento estático. Utiliza el orden natural de los elementos HTML.(Por defecto)
relative Posicionamiento relativo. Los elementos se mueven en base a su posición estática.
absolute Posicionamiento absoluto. Los elementos se colocan en base al contenedor padre.
Origen primer contenedor padre no static o body
fixed Posicionamiento fijo. Idem al absoluto, pero aunque hagamos scroll no se mueve.
sticky Posicionamiento «pegado». Similar al relativo y fixed.
top - botton - left - right
z-index posicionamiento en el eje de la pantalla (profundidad)
float para que los elementos floten a la izquierda (left) o a la derecha (right)
listas de menu(navegación)