Martes 31 Mayo 2022, comenzamos con un repaso de lo visto en clases anteriores y nos pasamos a las salas para revisar nuestro código para lograr la landing page .
Mi código se encuentra mejor seccionado con la ayuda de los comentarios que aparecen en color verde, esto es de mucha utilidad ya que sirven como guía para mi trabajo evitando perderme con la información.
Repasamos contenidos ya visto:
Display inline-Block
En comparación con display: inline, la principal diferencia es que display: inline-block permite establecer un ancho y alto en el elemento.
Además, con display: inline-block, se respetan los márgenes/rellenos superior e inferior, pero con display: inlineno.
En comparación con display: block, la principal diferencia es que display: inline-blockno agrega un salto de línea después del elemento, por lo que el elemento puede ubicarse junto a otros elementos.
El siguiente ejemplo muestra el diferente comportamiento de display: inline, display: inline-block y display: block:
Tipos de posicionamiento
- Un elemento posicionado es un elemento cuyo valor computado de
positionesrelative,absolute,fixed, osticky. (En otras palabras, cualquiera exceptostatic).
- Un elemento posicionado relativamente es un elemento cuyo valor computado de
positionesrelative. Las propiedadestopybottomespecifican el desplazamiento vertical desde su posición original; las propiedadesleftyrightespecifican su desplazamiento horizontal. - Un elemento posicionado absolutamente es un elemento cuyo valor computado de
positionesabsoluteofixed. Las propiedadestop,right,bottom, yleftespecifican el desplazamiento desde los bordes del bloque contenedor del elemento. (El bloque contenedor es el ancestro relativo al cual el elemento está posicionado). Si el elemento tiene márgenes, se agregarán al desplazamiento. el elemento establece un nuevo contexto de formato de bloque para su contenido - Un elemento posicionado fijamente es un elemento cuyo valor de
positioncomputado essticky. Es tratado como un elemento posicionado relativamente hasta que su bloque contenedor cruza un límite establecido (como por ejemplo dando atopcualquier valor distinto de auto), dentro de su flujo principal (o el contenedor dentro del cual se mueve), desde el cual es tratado como «fijo» hasta que alcance el borde opuesto de su bloque contenedor.
