Modelo de caja en Css
👆
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Illo ipsum eveniet fugiat, laboriosam voluptate corporis
enim provident sint deserunt nobis, quae, iure reprehenderit voluptatem! Doloribus, adipisci repellat! Accusamus,
officiis reiciendis.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis illo accusamus quis.
Delectus, rem quaerat, sint est reprehenderit fugiat, impedit ut aut sapiente dolore adipisci animi minima maxime
repellat culpa?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur facilis, ipsa
temporibus
quam tempore iure corrupti laboriosam aliquid! Dolorum iure quaerat pariatur sed quod inventore praesentium possimus
provident id!
Cajas de Linea vs Cajas de Bloque
Esto es una caja de Linea
Esto es una span
Esto es una caja de bloque
Propiedad display
Caja none
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, architecto dolores magnam, saepe molestiae
eveniet et iure, ut vero odit praesentium. Labore eius atque voluptas ullam suscipit, velit laudantium voluptate.
- Item 1
- Item 2
- Item 3
- Item 4
| Celda 1 |
Celda 2 |
Celda 3 |
| Celda 4 |
Celda 5 |
Celda 6 |
| Celda 7 |
Celda 8 |
Celda 9 |
Propiedad Visibility
Caja none
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, architecto dolores magnam, saepe molestiae
eveniet et iure, ut vero odit praesentium. Labore eius atque voluptas ullam suscipit, velit laudantium voluptate.
Propiedad overflow
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio tenetur dolor dignissimos nemo autem, corporis
architecto est! Nam quibusdam in dolores voluptatibus vero fugit voluptate minima, nihil debitis, iusto blanditiis?
Tamaño de caja
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sapiente possimus blanditiis consectetur provident
eaque? Maxime beatae quisquam rerum ad doloribus, quas porro. Voluptas, expedita at. Explicabo debitis porro
voluptatum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sapiente possimus blanditiis consectetur provident
eaque? Maxime beatae quisquam rerum ad doloribus, quas porro. Voluptas, expedita at. Explicabo debitis porro
voluptatum.
Propiedad Float & Clear
Este Elemento flota a la derecha
Este elemento flota a la Izquierda
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, qui, alias nulla placeat id quo
obcaecati odit tempora atque veniam amet modi iste impedit sequi repellendus aspernatur facere officia culpa?
Colapso de margenes verticales
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt odio excepturi iste laudantium autem, obcaecati
pariatur exercitationem recusandae quia soluta veniam facere nostrum, repellendus eius consequatur earum nesciunt
quidem voluptatibus?
centrado de Cajas
Contenido principal
👆