css reset 2020

1html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6b, u, i, center,
7dl, dt, dd, ol, ul, li,
8fieldset, form, label, legend,
9table, caption, tbody, tfoot, thead, tr, th, td,
10article, aside, canvas, details, embed, 
11figure, figcaption, footer, header, hgroup, 
12menu, nav, output, ruby, section, summary,
13time, mark, audio, video {
14	margin: 0;
15	padding: 0;
16	border: 0;
17	font-size: 100%;
18	font: inherit;
19	vertical-align: baseline;
20}
21/* HTML5 display-role reset for older browsers */
22article, aside, details, figcaption, figure, 
23footer, header, hgroup, menu, nav, section {
24	display: block;
25}
26body {
27	line-height: 1;
28}
29ol, ul {
30	list-style: none;
31}
32blockquote, q {
33	quotes: none;
34}
35blockquote:before, blockquote:after,
36q:before, q:after {
37	content: '';
38	content: none;
39}
40table {
41	border-collapse: collapse;
42	border-spacing: 0;
43}

1/* Box sizing rules */
2*,
3*::before,
4*::after {
5  box-sizing: border-box;
6}
7
8/* Remove default padding */
9ul[class],
10ol[class] {
11  padding: 0;
12}
13
14/* Remove default margin */
15body,
16h1,
17h2,
18h3,
19h4,
20p,
21ul[class],
22ol[class],
23li,
24figure,
25figcaption,
26blockquote,
27dl,
28dd {
29  margin: 0;
30}
31
32/* Set core body defaults */
33body {
34  min-height: 100vh;
35  scroll-behavior: smooth;
36  text-rendering: optimizeSpeed;
37  line-height: 1.5;
38}
39
40/* Remove list styles on ul, ol elements with a class attribute */
41ul[class],
42ol[class] {
43  list-style: none;
44}
45
46/* A elements that don't have a class get default styles */
47a:not([class]) {
48  text-decoration-skip-ink: auto;
49}
50
51/* Make images easier to work with */
52img {
53  max-width: 100%;
54  display: block;
55}
56
57/* Natural flow and rhythm in articles by default */
58article > * + * {
59  margin-top: 1em;
60}
61
62/* Inherit fonts for inputs and buttons */
63input,
64button,
65textarea,
66select {
67  font: inherit;
68}
69
70/* Remove all animations and transitions for people that prefer not to see them */
71@media (prefers-reduced-motion: reduce) {
72  * {
73    animation-duration: 0.01ms !important;
74    animation-iteration-count: 1 !important;
75    transition-duration: 0.01ms !important;
76    scroll-behavior: auto !important;
77  }
78}
79

1html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6b, u, i, center,
7dl, dt, dd, ol, ul, li,
8fieldset, form, label, legend,
9table, caption, tbody, tfoot, thead, tr, th, td,
10article, aside, canvas, details, embed, 
11figure, figcaption, footer, header, hgroup, 
12menu, nav, output, ruby, section, summary,
13time, mark, audio, video {
14	margin: 0;
15	padding: 0;
16	border: 0;
17	font-size: 100%;
18	font: inherit;
19	vertical-align: baseline;
20}
21/* HTML5 display-role reset for older browsers */
22article, aside, details, figcaption, figure, 
23footer, header, hgroup, menu, nav, section {
24	display: block;
25}
26body {
27	line-height: 1;
28}
29ol, ul {
30	list-style: none;
31}
32blockquote, q {
33	quotes: none;
34}
35blockquote:before, blockquote:after,
36q:before, q:after {
37	content: '';
38	content: none;
39}
40table {
41	border-collapse: collapse;
42	border-spacing: 0;
43}
44

1/*
2	Standard CSS Reset
3	This is used to account for differences in browsers.
4	Without a reset stylesheet there could be differences
5	between browsers when loading your html website.
6*/
7
8html, body, div, span, applet, object, iframe,
9h1, h2, h3, h4, h5, h6, p, blockquote, pre,
10a, abbr, acronym, address, big, cite, code,
11del, dfn, em, img, ins, kbd, q, s, samp,
12small, strike, strong, sub, sup, tt, var,
13b, u, i, center,
14dl, dt, dd, ol, ul, li,
15fieldset, form, label, legend,
16table, caption, tbody, tfoot, thead, tr, th, td,
17article, aside, canvas, details, embed, 
18figure, figcaption, footer, header, hgroup, 
19menu, nav, output, ruby, section, summary,
20time, mark, audio, video {
21	margin: 0;
22	padding: 0;
23	border: 0;
24	font-size: 100%;
25	font: inherit;
26	vertical-align: baseline;
27}
28/* HTML5 display-role reset for older browsers */
29article, aside, details, figcaption, figure, 
30footer, header, hgroup, menu, nav, section {
31	display: block;
32}
33body {
34	line-height: 1;
35}
36ol, ul {
37	list-style: none;
38}
39blockquote, q {
40	quotes: none;
41}
42blockquote:before, blockquote:after,
43q:before, q:after {
44	content: '';
45	content: none;
46}
47table {
48	border-collapse: collapse;
49	border-spacing: 0;
50}