CSS Reset - useful?

Programming Oct 20, 2017

Do you need a CSS Reset, if you start a new project? Why is a CSS reset useful?

What is CSS Reset? Because of the history of web browser, each browser uses individual styles for elements. So, the elements are styled with  the browsers default stylesheet (unless otherwise stated). If you start designing/styling your website you probably noticed, that e.g. not every h1 has the same box attributes like padding, margin, etc.

With a CSS Reset you override all styles of basic elements. At the same time you build a consistent foundation for your styling. With this set, your website will look the same in each browser.

In the following example, you can see a some differences (border,  padding/margin) between Microsoft Edge, Mozilla Firefox and Microsoft  Internet Explorer 11.

(minor) different results in web browsers

Sourcecode:

<html>
<head>
</head>
<body>
<h3>h3 Headline</h3>
<fieldset>
  Name: <input type="text">
  Email: <input type="text">
 </fieldset>
</body>
</html>

My favorite CSS Reset library is normalize. You simply have to include this CSS file.

What do you think about it?


Please comment below, if you have any questions.

Credits:

Tags

Stefan

Howdy! I'm Stefan and I am the main author of this blog. If you want know more, you can check out the 'About me' page.

Impressum | Data Privacy Policy | Disclaimer
Copyright: The content is copyrighted and may not be reproduced on other websites without permission.