Reset CSS and Normalize CSS

Often there is some guesswork involved when styling elements due to mystery spaces and padding appearing from heaven. These are due to default styling applied by browsers and can cause some confusion as they vary between different browser vendors. To remedy this, many leading developers in the frontend community have come up with two solutions:

Reset CSS stylesheet:

This CSS stylesheet aims to remove all default styling applied. After this stylesheet is applied, the all elements in browsers across the vendors return to unstyled state. Then we can start from there and add our styles exactly the way we like.

Check here for an example.

Normalize CSS stylesheet: 

This CSS stylesheet aims to make all default styling consistent across browsers rather than removing them. After this stylesheet is applied, the all elements in browsers across the vendors return to same styled state. Then we can start from there and add our styles exactly the way we like.

Check here for an example.

 

In reality, we start with some CSS  framework like Bootstrap or materialize. These often have either Reset or Normalize stylesheets applied in some way. These are however useful if we are building our own CSS style framework from scratch.

 

Tek Shinobi
Author: Tek Shinobi

Hiya Ninjas, I am the ninja who invented the fire, wheel, science, technology and everything intelligent this humanity has ever experienced since its evolution from monkeys and germs. Actually, above is a partial list. I also was involved with the Big Bang that created this universe. What was it like before the Big Bang is so secret that if I tell you, I will have to turn you into a hobbit and force you to be my gardener. Okay. Sayonanra, Namaste Tek Shinobi




No Comments


You can leave the first : )



Leave a Reply

Your email address will not be published. Required fields are marked *