go back

What is a CSS reset script?

Answer

A CSS Reset Script is a file that returns all the default values of browser elements to zero. This is important becasue all browsers have different values for different elements, which causes pages to render differently when you apply styles to HTML elemnents. For instance, Internet explorer will apply a 15 pixel padding to the left side of an unorded list, which firefox will apply a 10 pixel padding. You develop a site in firefox, and the padding of your unordered list is perfect, but when you look at it in Internet explorer it has 5 extra pixels of padding. This is very discouraging when you are dealing with more exact measurements in your design. The reset script modifies all values to zero so that when a developer changes the value to 10px it is 10px in all browsers.

This of course is not the end solution for CSS quirks. Internet Explorer has many issues that you cant reset, but a reset script is the foundational starting point for web design.

Category

Web Development Definitions

Tags for this item

joomla tips

messages