What is the difference between applying css rules to html compared to body?

Question

I don\'t see the difference between:

html {
    background: #f1f1f1;
}

and

body {
    background: #f1f1f1;
}

Answer 1

html is the parent of body. One way to see the difference is to do:

html {
    overflow: scroll;
}


body {
    overflow: scroll;
}

You will see that there are two nested sets of scrollbars, one belonging to html and the one inside that belonging to body.