Remove browser default styling <!DOCTYPE>

Question

Is there a way or <!DOCTYPE> declaration such as XHTML or HTML4 that would remove the default CSS styling on elements?

Answer 1

Doctype is not used for styling. There are two prominent ways of removing all the styles and uniforming the default look.

1. normalize.css https://necolas.github.io/normalize.css/
2. reset.css http://meyerweb.com/eric/tools/css/reset/

add these styles to your css before your stylesheet to uniform you layout to a certain degree, across different browsers. What is the difference between Normalize.css and Reset CSS?

Answer 2

I personally have been using the code below for all of my projects till date.

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

Also here an article if you are looking for a complete reset of some kind http://meyerweb.com/eric/tools/css/reset/