Ejemplo de span: Esto es un ejemplo que selecciono la palabra ejemplo para ponerla en color rojo Utilizamos la etiqueta div para crear secciones o agrupar contenidos. Sus etiquetas son: < div > y < /div > (ambas obligatorias). Está definido como: Elemento en bloque.
Ejemplo del uso de div: Este texto lo he seleccionado con div y lo he puesto con un fondo de color beige para añadir al texto.
Esto sigue siendo el ejemplo de div
La propiedad overflow permite regular la visiblidad de los contenidos que sobresalen de una caja html. Permite regular si los contenidos que sobresalen se seguirán viendo, si se ocultarán o si aparecerá una barra de scroll en el documento.
Esto sigue siendo el ejemplo de div
La nutria es un mamífero con cuerpo de mustélido: alargado y esbelto, macizo y de patas cortas. La cabeza es aplastada y con el hocico ancho y las orejas pequeñas y cubiertas de pelos y que, al igual que las narinas, puede cerrar herméticamente cuando se sumerge en el agua. El pelaje es denso y pardo, y en la garganta, mejilla y vientre, más claro. La longitud de la cabeza y el cuerpo desde el extremo del hocico hasta la base de la cola es de 600-850 mm y la cola mide 350-600 mm siendo los machos mayores que las hembras. La longevidad oscila entre los 8 y los 12 años y en cautividad se conoce un caso de una nutria que llegó a vivir 19 años.
Las nutrias suelen ser de actividad nocturna y los machos solitarios la mayor parte del año, aunque la unidad social más desarrollada de las nutrias es el grupo familiar. Viven en aguas dulces, en costas abrigadas y estuarios y necesita lugares tranquilos donde situar sus madrigueras y el alimento sea abundante.
El modelo de caja CSS se refiere a cómo se modelan los elementos HTML en los motores de los navegadores y cómo las dimensiones de esos elementos HTML se derivan de las propiedades CSS. Se distinguen padding, border y margin:
Padding: Es la distancia de relleno entre el contenido del elemento y el borde. Podemos modificar esa distancia poniendo padding dentro de la etiqueta style y dentro de un bloque/elemento concreto.
Borde: Es el borde, el límite del elemento. Podemos modificar su grosor, color y forma (entre otros) poniendo border dentro de la etiqueta style y de un bloque/elemento concreto.
Margen: Es la distancia entre dos elementos. Se puede cambiar la distancia poniendo margin dentro de una etiqueta style y de un bloque/elemento concreto.
