Archivo reset.css



¿Qué es el archivo reset.css?

El archivo reset.css es una base de estilos sobre la cual se puede comenzar a armar los HTML.

La idea de este archivo es “resetear” el HTML en todos los navegadores para dejarlos 100% idénticos, es decir que en todos los navegadores se verá exactamente igual, y en la práctica ningún elemento tendrá propiedades pre-definidas por el navegador.

Para utilizarlo, simplemente se debe llamar antes que cualquier otro archivo css en la página, y con esto ya podemos empezar a trabajar. A modo de ejemplo, pueden crear un HTML simple que contenga un <h1> y verán que antes de llamar al reset.css, el navegador le pondrá estilos (font-size, margin, padding, o algún otro según lo decida cada navegador); y una vez que se llame al archivo, este <h1> se transformará en un texto plano, Arial, de 10px, sin estilos, sin negrita, sin nada… igual que un <p> o que cualquier otro elemento que exista.

A partir de ese momento, simplemente ustedes comienzan a controlar los estilos… y podrán definir las propiedades que tenga cada elemento a su gusto, y no al gusto de cada navegador.

El archivo

Este archivo reset.css es el mismo que utilizamos a la fecha en Fèline Interactive.
Si se fijan, tiene añadidas las clases .clearfix, que permite ajustar la altura de los elementos que contienen elementos flotantes en su interior, y la clase .no-imprimir, que permite definir los elementos que no queremos que aparezcan en el papel a la hora de imprimir cada página.

/*  
Description: Archivo de normalización de estilos.
Author: Feline Interactive
Author URI: https://www.feline.cl
Version: 1.4
*/

body{
	font: 62.5% Arial, Helvetica, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
fieldset,img, abbr, acronym{
	border:0;
}
address,caption,pre,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul,dl{
	list-style:none;
}
caption{
	text-align:left;
}
img{
	border:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	font-size:100%;
	font-weight:normal;
}
a{
	outline:none;
}
input,select,textarea{
	font-family:Arial, Helvetica, sans-serif;
}

/* CLEARFIX ***********************/
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{
	display: inline-block;
}
/*\*/* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/**/
/**********************************/

@media print{
	body, body *{
		font-family:Arial, Helvetica, sans-serif !important;
	}
	.no-imprimir{
		display:none !important;
	}
}

Originally posted 2015-12-02 16:52:16.

Archivo reset.css
Etiquetado en:        

Deja un comentario

¿Quieres recibir el contenido V.I.P de Preceptos Digitales?

¿Quieres recibir el contenido V.I.P de Preceptos Digitales?

Ingresa tu correo y te enviaremos contenidos especiales para quienes escuchan el Podcast!



Te has suscrito exitosamente! Nos hablamos!