Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS Box Model - Coggle Diagram
CSS Box Model
ejemplo
-
-
-
-
-
-
-
-
-
-
<p>The CSS box model is essentially a box that wraps around every HTML element. It consists of: borders, padding, margins, and the actual content.</p>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div>This text is the content of the box. We have added a 50px padding, 20px margin and a 15px green border. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
Contenido : el contenido del cuadro, donde aparecen el texto y las imágenes.
-
-
-
El modelo de caja nos permite agregar un borde alrededor de los elementos y definir el espacio entre los elementos.
El modelo de caja CSS
Todos los elementos HTML se pueden considerar como cuadros. En CSS, el término "modelo de caja" se usa cuando se habla de diseño y diseño.
El modelo de cuadro CSS es esencialmente un cuadro que envuelve cada elemento HTML. Consiste en: márgenes, bordes, relleno y el contenido real. La siguiente imagen ilustra el modelo de caja: