Definition:
When you create a webpage and open it in a browser, it first shows with the browser’s default CSS styles.
These default styles stay until the developer adds their own CSS.
Developers replace the browser’s default styles with their own, like custom heading sizes, lists, background colors, and element sizes.
This process is called CSS Reset.
Example:
/* Eric Meyer's CSS Reset */
html, 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,
.mytable table,
.mytable caption,
.mytable tbody,
.mytable tfoot,
.mytable thead,
.mytable tr,
.mytable th,
.mytable td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
Output:
Before Reset
This is a paragraph.
- List item 1
- List item 2
After Reset
This is a paragraph.
- List item 1
- List item 2