Este documento proporciona instrucciones sobre cómo insertar imágenes, videos y crear menús desplegables en CSS. Explica cómo establecer una imagen de fondo mediante la URL en CSS e incluir estilos dentro de elementos o en una hoja de estilos externa. También cubre cómo ajustar el tamaño de videos, agregar pósters y reproducir videos de forma automática, así como pasos para crear un menú lateral desplegable usando HTML, CSS y JavaScript.
1. NOMBRE: JUAN JOSÉ CARRERA ALDAZ
CURSO: 5TO INFORMÁTICA
FECHA: 25/01/2018
2. Como ingresar imágenes en CSS
image
Establece la o imagen de fondo mostrando al navegador
dónde encontrar la imagen utilizando la URL. Por
ejemplo: ). Fijaos en que la ruta va precedida de la palabra
clave y entre paréntesis. Esta sintaxis es importante para
que el navegador entienda que queréis indicar una
ubicación.
Indica la ruta o URL de
la imagen de fondo.
3. Utilizando el elemento <style> , en el interior del
documento al que se le quiere dar estilo, y que
generalmente se situaría en la sección . De esta forma
los estilos serán reconocidos antes de que la página
se cargue por completo.
Utilizando estilos directamente sobre aquellos
elementos que lo permiten a través del
atributo <style> dentro de <body>. Pero este tipo de
estilo pierde las ventajas que ofrecen las hojas de
estilo al mezclarse el contenido con la presentación.
Como poner un estilo
diferente en css
4. Como ingresar videos en css
Otros atributos permiten establecer el archivo de origen,
agregar una imagen de marcador de posición o
comenzar a reproducir el vídeo automáticamente. Al
igual que la mayoría de los elementos HTML, puedes
usar las Hojas de estilo CSS para dar estilo y ajustar la
posición del elemento.
Si estableces solo una dimensión del reproductor de
vídeo, por ejemplo el alto, el reproductor de vídeo ajusta
el tamaño del vídeo a esa dimensión y escala la otra
dimensión en función de la relación de aspecto del
contenido de vídeo. Si estableces ambas dimensiones
con una relación de aspecto que no se corresponde con
el contenido del vídeo, el reproductor escala la
dimensión más próxima para que se vea, pero mantiene
su relación de aspecto. El vídeo se centrará horizontal o
verticalmente con espacio en blanco a cada lado.
El ejemplo siguiente reproduce un vídeo, muestra un
póster hasta que se carga el contenido y reproduce un
vídeo repetidamente con los controles de reproducción.
5. En este pequeño tutorial vamos a ver cómo crear el
típico menú lateral verticaldesplegable. Seguro que lo has
visto en mil sitios. De entrada, el menú permanece oculto y,
al mostrarse, empuja al div del contenido principal. Primero
lo veremos usando JavaScript y luego solo con HTML y CSS.
Como crear un menú desplegable en css
Abre tu hoja de estilos CSS. ...
Agrega el código "clearfix". ...
Crea el diseño básico. ...
Haz que aparezcan los ítems desplegables al pasar el cursor.
...
Indica el menú desplegable con una flecha. ...
Ajusta el relleno, el fondo y otras propiedades.