Even the little one is impressed.

element.style {

}

<style>…</style>

.modal, .modal-open {

1. overflow: hidden;

}

<style>…</style>

body {

1. font-size: 12px;
2. font-family: Open Sans,Helvetica,Arial,sans-serif;
3. background: #f8fafb;
4. background-size: cover;
5. background-attachment: fixed;

}

<style>…</style>

body, html {

1. height: 100%;

}

<style>…</style>

body {

1. font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
2. font-size: 14px;
3. line-height: 1.42857143;
4. color: #333;
5. background-color: #fff;

}

<style>…</style>

body {

1. margin: 0;

}

body {

1. font-size: 12px;
2. font-family: 'Open Sans',Helvetica,Arial,sans-serif;
3. background: #F8FAFB;

}

body, html {

1. height: 100%;

}

<style>…</style>

* {

1. max-width: 100%;
2. margin: 0;

}

<style>…</style>

*, :after, :before {

1. box-sizing: border-box;

}

* {

1. max-width: 100%;
2. margin: 0;

}

user agent stylesheet

body {

1. display: block;
2. margin: 8px;

}

Inherited from 

html

<style>…</style>

html {

1. font-size: 10px;
2. -webkit-tap-highlight-color: rgba(0,0,0,0);

}

<style>…</style>

html {

1. font-family: sans-serif;
2. -webkit-text-size-adjust: 100%;
3. -ms-text-size-adjust: 100%;

}

Pseudo ::before element

<style>…</style>

*, :after, :before {

1. box-sizing: border-box;

}

Pseudo ::after element

<style>…</style>

*, :after, :before {

1. box-sizing: border-box;