FUNCIONES MYSQL en PHP
Enviado por poland6525 • 24 de Diciembre de 2018 • 1.317 Palabras (6 Páginas) • 368 Visitas
...
---------------------------------------------------------------
CSS y código responsive desing
El proyecto cuenta con código que permite que se pueda adaptar al dispositivo que se visualizando
Tenemos dos partes los códigos de html5 y el estilo css
// Este section es el principal de toda la pantalla en html5 permite que se encubra todo el sitio con el
dentro de él se tiene el principal que engloba al article o articles que se pueden agregar mas
// esta es la barra de banners
// y aquí se cierra el section
/*reseteo universal se usa para dejar en la esquina las paginas web*/
*{
border: 0;
margin: 0;
padding: 0;
}
/*Todas las etiquetas semanticas de html5 que me las muestre en bloques
sigue siendo parte del reseteo universal*/
article,figcaption,figure,footer,header,hgroup,nav,section{
display: block;
}
/*Empezamos a definir los estilos del sitio*/
/*Estilo general del body*/
body{
background-color: #093A72;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
/*Estilo general para los enlaces*/
a{
color: #B9DCE1;
font-weight: bold;
text-decoration: none;
}
a:hover{
color: #F60;
}
figcaption{
font-size: 0.85em;
padding: 0.25em;
text-align: center;
}
/*Una buena practica para responsive es tener imagenes
flexibles, que se puedan adaptar*/
img, video{
max-width: 100%;
}
header, section#contenido, footer{
background: #0ABCC8 ;
margin: 0 auto;
max-width: 90%;
text-align: center;
}
/*Damos formato al h1 y nav del header*/
header h1, nav{
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
/*Definimos los estilos para los enlaces*/
nav ul{
list-style: none;
}
nav li{
display: inline-block;
padding: 0.1em;
vertical-align: top;
}
nav a{
background: #FFF;
border: 0.1em solid #57ABB8;
border-radius: 0.25em;
color: #F60;
display: block;
font-family: Comic Sans MS;
font-size: 1.4em;
padding: 0.2em;
/*para que lo reconozcan todos los navegadores la transicion-*/
-ms-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
nav a:hover{
background: #212121;
border: 0.1em dashed #F60;
border-radius: 0 0.5em 0 0.5em;
color: #FFF;
-ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/*Definimos los estilos para el Section principal y el
aside*/
section#principal, aside{
background: #1E6381;
border-radius: 0.5em;
display: inline-block;
margin:
...