Reset CSS

Reset CSS es una técnica para resetear todos los valores del CSS que vienen por defecto en los navegadores (margenes, aliniaciones…). La web de desarrolladores de Yahoo, podemos ver el siguiente ejemplo con el que conseguiremos resetar todos los valores.


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Un reset básico sería el siguiente:


* {
margin:0;
padding:0;
}

Visita Yahoo! UI Library: Reset CSS

Escrito por Niko | 10 de Julio de 2009 con 0 comentarios.
Etiquetas:
Lee más artículos sobre CSS y Diseño Web

Artículos relacionados

Aún no hay comentarios. Sé el primero.

Deja una respuesta