Trabajando con Elementos de Bloque
Los elementos de bloque son rectangulares y se apilan unos sobre otros, impidiendo que otros elementos compartan la misma línea. Este comportamiento está controlado por la propiedad CSS display: block.
Puntos clave sobre los elementos de bloque:
- Por defecto tienen
display: block; - Su ancho abarca todo el ancho del contenedor padre;
- Su altura está determinada por el contenido, pero puede personalizarse con CSS;
- Siempre comienzan en una nueva línea;
- Propiedades como
border,margin,padding,widthyheightpueden ajustarse.
A continuación, se muestra un ejemplo donde se manipulan width, height y margin:
index.html
index.css
Consideremos cómo centrar un elemento dentro de su elemento padre.
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.56Trabajando con Elementos de Bloque
Desliza para mostrar el menú
Los elementos de bloque son rectangulares y se apilan unos sobre otros, impidiendo que otros elementos compartan la misma línea. Este comportamiento está controlado por la propiedad CSS display: block.
Puntos clave sobre los elementos de bloque:
- Por defecto tienen
display: block; - Su ancho abarca todo el ancho del contenedor padre;
- Su altura está determinada por el contenido, pero puede personalizarse con CSS;
- Siempre comienzan en una nueva línea;
- Propiedades como
border,margin,padding,widthyheightpueden ajustarse.
A continuación, se muestra un ejemplo donde se manipulan width, height y margin:
index.html
index.css
Consideremos cómo centrar un elemento dentro de su elemento padre.
index.html
index.css
¡Gracias por tus comentarios!
