Bienvenidos a la clase 2
Modelo de caja
En CSS llamamos "caja" a lo que envuelve cada elemento de HTML. Consiste en:
- Contenido
- Padding (margen interno)
- Border (borde externo)
- Margin (margen externo)
Contenido
Tipos de elementos
Block | Bloque
- Tienden a ocupar el ancho disponible de su contenedor.
- Agregan saltos de línea antes y después de su posición.
- Pueden contener elementos de línea y bloque.
- Admiten parámetros de alto y ancho.
<body>, <header>, <nav>, <div>
Inline | En línea
- Ocupan sólo el área de su contenido.
- No agregan saltos de línea.
- Pueden contener solamente otros elementos de línea.
- No admiten parámetros de alto y ancho.
<a>, <strong>, <em>, <span>
Inline-block | En línea-bloque
- Ocupan sólo el área de su contenido.
- No agregan saltos de línea.
- Pueden contener solamente otros elementos de línea.
- Admiten parámetros de alto y ancho.
<img>, <input>
Imágenes
