Essays.club - Ensayos gratis, notas de cursos, notas de libros, tareas, monografías y trabajos de investigación
Buscar

FUNCIONES MYSQL en PHP

Enviado por   •  24 de Diciembre de 2018  •  1.317 Palabras (6 Páginas)  •  366 Visitas

Página 1 de 6

...

---------------------------------------------------------------

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:

...

Descargar como  txt (12.6 Kb)   pdf (69.5 Kb)   docx (23.3 Kb)  
Leer 5 páginas más »
Disponible sólo en Essays.club