Restablecimiento de CSS: ¿qué hace exactamente?
Encontré este archivo reset.css dentro de una demostración del control deslizante de imagen jquery, pero nunca se incluyó en el archivo index.html principal. ¿Qué se supone que debe hacer y, lo que es más importante, dónde lo colocas? ¿ Lo pones antes de las hojas de estilo a las que se hace referencia ()?
Aquí está el código dentro de reset.css
/* CSS reset */
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;
}
html,body {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
input{
border:1px solid #b0b0b0;
padding:3px 5px 4px;
color:#979797;
width:190px;
}
address,caption,cite,code,dfn,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;
}
Al principio, no había una estandarización sobre cómo funcionaban los estilos, cada navegador implementaba lo que consideraba correcto. Una de las razones por las que ves tantas preguntas sobre errores de estilo en IE es porque IE era el navegador con más diferencias con otros navegadores en términos de estilo. Aunque IE ha mejorado, al igual que otros navegadores, todavía aplican sus propios bordes, relleno y márgenes, zoom y fuentes a los elementos para darle su propia sensación única a las páginas. Un ejemplo es que Chrome proporciona sus propios bordes amarillos a los cuadros de texto. El "restablecer" en realidad "restablece" todos estos estilos a cero/ninguno, para que no vea ningún estilo que no haya aplicado a su página.
Si estos estilos no se "restablecen", verá estilos/efectos no deseados y cosas que se romperán. Generalmente se recomienda "restablecer" los estilos del navegador.
Echa un vistazo a este artículo ¿Deberías restablecer tu CSS?
reset.css se utiliza para normalizar los estilos predeterminados del navegador.
Ejemplo:
Al observar las respuestas aquí, parece haber una pequeña confusión entre "restablecer" y "normalizar". Sus objetivos son ligeramente diferentes.
Un restablecimiento de CSS es un conjunto de estilos que carga antes que los demás estilos para eliminar los estilos integrados en el navegador. Uno de los primeros y más populares fue Reset CSS de Eric Mayer .
Otra opción es armonizar los estilos integrados del navegador. La herramienta más popular para lograr esto es actualmente Normalize.css .
