logo 3con14 css cod css
  • CSS
  • Conceptos
  • Selectores
  • Unidades, Color
  • Modelo de cajas
  • Posicionamiento
  • Textos, Enlaces
  • Listas, Menús
  • Tablas, Columnas
  • Diseño (Layout)
    • Grid Layout
    • Flex Box
    • Media queries
  • Imagen, Filtros, ...
  • Movimientos
    • Transformaciones
    • Transiciones
    • Animaciones
  • Formularios
  • 🔴 TAREAS
 
 
icon html5
icon css3
mlogo 3con14 css cod

  • Inicio
  • Posicionamiento
  • Elementos de Bloque y de Línea

Elementos de Bloque y de Línea

Los elementos en HTML (lenguaje de marcas de hipertexto - Hypertext Markup Language) usualmente son elementos "de bloque" o elementos "de línea". Un elemento de bloque ocupa todo el espacio de su elemento padre (contenedor), creando así un "bloque".

  • Los navegadores suelen mostrar el elemento a nivel de bloque, con un salto de línea antes y después del elemento.
  • Los elementos de bloque sólo deben aparecer dentro del elemento body.
  • De forma predeterminada, los elementos de bloque comienzan en una nueva línea, pero los elementos de línea pueden comenzar en cualquier parte de una línea.
  • En general, los elementos de bloque pueden contener elementos de línea y otros elementos en bloque. Parece lógico pensar que los elementos de bloque crean estructuras "más grandes" que los elementos de línea.

La distinción entre elementos de bloque frente a elementos de línea se utiliza en las especificaciones de HTML hasta la 4.01. En HTML5, esta distinción dual se sustituye por un conjunto más complejo de categorías de contenido. La categoría "en bloque" corresponde aproximadamente a la categoría de contenido dinámico en HTML 5, mientras que "en línea" se corresponde con contenido estático.

Lista de elementos de BLOQUE:

elem bloque

Elementos de LÍNEA:

b, i, small, abbr, cite, code, dfn, em, kbd, strong, time, var, a, br, img, map, q, script, span, sub, sup, button, input, label, select, textarea,

  • Siguiente

Posicionamiento

  • Elementos de Bloque y de Línea
  • Tipos de posicionamiento

Recursos ...

  • Visual Studio code
  • Sublime Text
  • CSS LINT
  • Normalize

codepen

uniwebsidad

overapi

can i use

w3schools

mdn

Licencias ...

3con14─LAB 1998 - 2021
www.3con14.biz
(cc) Jesús Plaza M.
─ Otros Reconocimientos ─

Visitas ...

Hoy ... 3

Ayer ... 54

Week 199

Mes ... 57

TOTAL ... 79143

  • CSS
  • Conceptos
  • Selectores
  • Unidades, Color
  • Modelo de cajas
  • Posicionamiento
  • Textos, Enlaces
  • Listas, Menús
  • Tablas, Columnas
  • Diseño (Layout)
    • Grid Layout
    • Flex Box
    • Media queries
  • Imagen, Filtros, ...
  • Movimientos
    • Transformaciones
    • Transiciones
    • Animaciones
  • Formularios
  • 🔴 TAREAS