Avanzando en Divs Parte 4

Seguimos estudiando el código en esta cuarta entrega que aunque trata de Divs y estilos CSS como veremos aprenderemos mucho más.

Ahora estudiamos el div llamado:

menu. Mostramos varios enlaces en forma de menú a diferentes lugares de nuestra web (canal de YouTube, nuestra página y nuestro blog).

Este código hace uso de varios estilos, en primer lugar estudiamos el estilo del menú:

Como vemos lo que hacemos al div es que flote a la izquierda, por eso nuestro menú está en el lado izquierdo, si cambiamos a right aparece en el margen derecho del contenedor.
Existen otras posibilidades como inherit, both y none

Lo dotamos de un background gris, los otros se entienden y el padding lo que hace es rodear de 20px de margen.

Por otra parte para construir el menú usamos la etiqueta ul o lista desordenada (unordered list), la cual lleva un estilo asociado a la etiqueta <ul> que evita que salgan los puntos o topos (list-style-type:none).

Si no hubiéramos puesto estilos por omisión saldría algo así:

Cada elemento de la lista va con la etiqueta <li> la cual no lleva estilos asociados y dentro de cada una para poder hacer enlaces ponemos la etiqueta <a> que lleva unas referencias a diferentes partes de nuestra web y para que se mantengan siempre igual los enlaces hemos creado los siguientes estilos de la etiqueta <a>:

Hemos controlado tanto el estilo link, como el visitado o pasar por encima o que esté activo y todos con el mismo aspecto color azul y tamaño de fuente 14px.

Aquí termina la sesión que próximamente verá su continuación