css reset code

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}

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

1html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{	margin:0;	padding:0;	border:0;	font-size:100%;	font:inherit;	vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{	display:block;}body{	line-height:1;}ol,ul{	list-style:none;}blockquote,q{	quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}