Update practica06.css

Algunas de las propuestas para resolver la práctica 06:


/*Selecciona el body
* para establecer un tamaño de 16 px en los textos*/

	body{
		font-size: 16px;
	}

/*Selecciona el div hijo de body
* Asigna una ancho de 800px
* Establece un margen a la izquierda y a la derecha automático
* Estabece un margen arriba y abajo de 0px;
*/

 	body>div{
 				width: 800px;
 				margin-left: auto;
 				margin-right: auto;
 				margin-top: 0px;
 				margin-bottom: 0px;
 		}
 		
/*Selecciona los div de dentro del tag header
Indica que se muestren del tipos: inline-block
* */

	header div{
				display: inline-block;
		}


			
/*Selecciona el primer div dentro del tag header Indica que tenga un ancho de 250px*/

			header>div:first-child{
				width: 250px;
}	
/*Selecciona la lista.
*         Utiliza la regla css "list-style" para eliminar los puntos de la llista .
* */

		nav>ul{
		list-style-type: none;
	}
	
/*Selecciona los links de navegación
* elimina todos los subrayados */

	nav a{
		text-decoration: none;	
	}

/** Selecciona los elementos <li> de la lista de los links de navegación.
* Indica que los elementos de la lista se muestren uno tras otro y que puedan tener un ancho y alto.
* utilizado "min-width" establecer un ancho mínimo de 90px
* indica que su contenido se ha de mostrar centrado
* indica que ha de tener un color de fondo y un borde.
* utiliza "border-radius" para redondear los bordes
*/

	nav li{
		
		display: inline-block;
		min-width: 90px;
		text-align: center;
		background-color: purple;
		border: 1px solid white;
		border-radius: 10px 5px 20px 2px;
	}
	

/** Selecciona los elementos <li> de la lista de los links de navegación quando el mouse está sobre ellos
*         Modifica el color de fondo, color de letra y color de margen;
* Modifica el cursor para que se muestre una mano com si estuviera sobre un link.
*/

	nav li:hover{
		
		background-color: yellow;
		color: green;
		border-color: blue;
		cursor: pointer;
	}

		nav li:hover a{
			color: white;
		}
/*Selecciona el header principal(el del body) y establece un color de fondo */

body>div>header{
	background-color: green;
}

/* Selecciona el texto situado dentro del tag header .
* Establece una sombra 5px a la derecha y 5px por encima del texto.
* Alinea el texto en la parte superior.
* Centra el texto
* */ 

	header>div:nth-child(2){
			text-shadow: 5px -5px 0px lime;
			text-align: top;
			text-align: center;
			vertical-align: top; 
	}

/*Selecciona todas las celdas que ocupen 2 espacios o més y aplicales un borde y
un color de fondo común. El estilo del margen ha de simular un botón.*/


/*Selecciona el pie de la tabla
* Establece un tamaño de texto de 10px;
*/


/*Selecciona las celdas del pie de la tabla.
* modifica el ancho de las letres para que se muestren en negrita.
*/



/*Selecciona los dies impares de cabecera de la tabla de horarios (Martes, Miercoles, Viernes)
* Modifica su color de fondo
*/

	thead td:nth-child(n+2) {background: lime;}

/*Selecciona los dies pares de cabecera de la tabla de horarios (Martes, Jueves)
* Modifica su color de fondo:
*/
	
	thead td:nth-child(2n+3){background: DarkOliveGreen;}

/**Selecciona la primera celda de cada fila impar del cuerpo de la tabla.
*         modifica el color de fondo
*/

	tbody tr:nth-child(odd){
								background: DodgerBlue;
	}

/**Selecciona la primera celda de cada fila par del cuerpo de la tabla.
*         modifica el color de fondo
*/

	tbody tr:nth-child(even){
								background: Blue;
	} 

/**Añade el texto "total:" delante del texto del pie de la tabla;
*/

	tfoot:before{
					content: "Total";
	
		}

/**Selecciona el formulario
*         estabece un ancho de 150px;
*/

	form{
			width: 150px;
	}
/*
* Selecciona los inputs del formulario quando se seleccionen.
* Muestra una sombra debajo del input de color azul.
*/

	input:focus{
				box-shadow: 3px 5px 3px blue;
	}