Modelo de caja
Partes del modelo de caja:
- Contenido: es el contenido de la caja, puede contener texto o imágenes.
- Padding: limpia un área alrededor del contenido y es transparente.
- Border: es el borde de toda la caja (rodea el padding y el contenido).
- Margin: es la sepración de un elemento con otro, es transparente.
Width/Height de un elemento
Para configurar el ancho y alto de un elemnto con CSS, solo se configura el ancho y alto del área del contenido.
Los bordes y relleno se irán sumando al contenedor aumentando su ancho y alto de la caja.
El anime es un estilo de animación originario de Japón que ha ganado popularidad en todo el mundo por su amplia variedad de géneros y estilos artísticos. Se caracteriza por sus personajes expresivos, tramas complejas y una mezcla de influencias culturales japonesas y occidentales.
El cálculo de la tarjeta seria el siguiente:
Anchura
- 320px (ancho del área de contenido)
- 20px (padding izquierdo y derecho)
- 10px (border izquierdo y derecho)
- 350px (ancho total)
Altura
- 50px (alto del área de contenido)
- 20px (padding superior e inferior)
- 10px (border superior e inferior)
- 80px (alto total)
Ejercicio
Realiza un banner informativo, y agrega un texto principal donde mantenga las cuatro partes de un modelo de caja (padding, margin, border y contenido).
Resultado:
UEFA Canal de Medios
The UEFA media channel is a restricted-access UEFA platform for media, covering all UEFA competitions, events and activities. Content includes videos, photos, media releases, match documents, regulations, contact list, event guides and a calendar tool for media opportunities.
Leer más ➡