Partiendo de los posts anteriores donde os dimos la estructura básica de un formulario de Login básico y posteriormente le aplicamos estilos CSS. En este presente post, os aportaremos un fichero de CSS llamado reset.css, capaz de resetear las CSS que suelen aplicar los navegadores a su antojo.
Como habréis visto en la cabecera del HTML, hacemos uso de tres ficheros CSS. Hoy, os hacemos llegar el reset.css, que evitará que los navegadores apligen CSS por defecto. Seguidamente, os plasmo el fichero en cuestión.
Reset.css
/***** RESET *****/
/*
author: forCode
url: www.forcode.es/blog
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
Si tenéis alguna duda al entender el lenguaje CSS, no dudéis en preguntar, se os responderá lo más pronto posible. En el próximo post, os haremos llegar el fichero animation.css, para dar un toque más interactivo y próximo al cliente.