A modern alternative to CSS resets
Go to file
Nicolas Gallagher 6d085d7e52 Prevent text inputs growing as you type in IE6/7. Fix #46
Applying *overflow:visible to button/input causes text inputs to
grow to fit their content, even if an explicit, fixed width is
applied. It was originally included to remove excess inner
spacing on buttons and submit/reset/button-type inputs in IE6/7.

Fixing this bug in IE6 requires dropping the fix entirely because
there is no way to avoid it being applied to text inputs. If
there is a need to fix this excess spacing bug in IE6, then it
should be done using a class that is applied to the
necessary elements.

For IE7, the excess spacing fix can be moved into the ruleset
that targets button and submit/reset/button-type inputs. This
prevents text inputs from growing.
2011-09-22 18:42:20 +01:00
.gitignore Update .gitignore 2011-06-18 23:27:13 +01:00
demo.html Prevent text inputs growing as you type in IE6/7. Fix #46 2011-09-22 18:42:20 +01:00
normalize.css Prevent text inputs growing as you type in IE6/7. Fix #46 2011-09-22 18:42:20 +01:00
README.md Edit README to say normalize should be used as an alternative to resets. Close #39 2011-09-14 11:37:32 +01:00

normalize.css

Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.

Check out the demo

What does it do?

  • Preserves useful defaults, unlike many CSS resets.
  • Normalizes styles for a wide range of elements.
  • Corrects bugs and common browser inconsistencies.
  • Improves usability with subtle improvements.
  • Explains what code does using detailed comments.

How to use it

Normalize.css is intended to be used as an alternative to CSS resets.

It is suggested that you read through the normalize.css file and customise it to meet the design requirements of a project rather including it as a "black box".

If you prefer to use a different CSS formatting style, consider using a tool like Procssor.

If you would like to minify the file, you can use a tool like this online CSS compressor using YUI Compressor or perform the minification as part of your build process.

Browser support

  • Google Chrome
  • Mozilla Firefox 3+
  • Apple Safari 4+
  • Opera 10+
  • Internet Explorer 6+

License

Public domain

Acknowledgements

Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.