snipt

Ctrl+h for KB shortcuts

CSS

Eric Meyer's Mass 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
https://snipt.net/embed/09367756a18231ebc0d21d9509451f65/
/raw/09367756a18231ebc0d21d9509451f65/
09367756a18231ebc0d21d9509451f65
css
CSS
46
2019-07-16T05:09:13
True
False
False
/api/public/snipt/854/
eric-meyers-mass-reset
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a> <a href="#L-27">27</a> <a href="#L-28">28</a> <a href="#L-29">29</a> <a href="#L-30">30</a> <a href="#L-31">31</a> <a href="#L-32">32</a> <a href="#L-33">33</a> <a href="#L-34">34</a> <a href="#L-35">35</a> <a href="#L-36">36</a> <a href="#L-37">37</a> <a href="#L-38">38</a> <a href="#L-39">39</a> <a href="#L-40">40</a> <a href="#L-41">41</a> <a href="#L-42">42</a> <a href="#L-43">43</a> <a href="#L-44">44</a> <a href="#L-45">45</a> <a href="#L-46">46</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="nt">html</span><span class="o">,</span> <span class="nt">body</span><span class="o">,</span> <span class="nt">div</span><span class="o">,</span> <span class="nt">span</span><span class="o">,</span> <span class="nt">applet</span><span class="o">,</span> <span class="nt">object</span><span class="o">,</span> <span class="nt">iframe</span><span class="o">,</span> </span><span id="L-2"><a name="L-2"></a><span class="nt">h1</span><span class="o">,</span> <span class="nt">h2</span><span class="o">,</span> <span class="nt">h3</span><span class="o">,</span> <span class="nt">h4</span><span class="o">,</span> <span class="nt">h5</span><span class="o">,</span> <span class="nt">h6</span><span class="o">,</span> <span class="nt">p</span><span class="o">,</span> <span class="nt">blockquote</span><span class="o">,</span> <span class="nt">pre</span><span class="o">,</span> </span><span id="L-3"><a name="L-3"></a><span class="nt">a</span><span class="o">,</span> <span class="nt">abbr</span><span class="o">,</span> <span class="nt">acronym</span><span class="o">,</span> <span class="nt">address</span><span class="o">,</span> <span class="nt">big</span><span class="o">,</span> <span class="nt">cite</span><span class="o">,</span> <span class="nt">code</span><span class="o">,</span> </span><span id="L-4"><a name="L-4"></a><span class="nt">del</span><span class="o">,</span> <span class="nt">dfn</span><span class="o">,</span> <span class="nt">em</span><span class="o">,</span> <span class="nt">font</span><span class="o">,</span> <span class="nt">img</span><span class="o">,</span> <span class="nt">ins</span><span class="o">,</span> <span class="nt">kbd</span><span class="o">,</span> <span class="nt">q</span><span class="o">,</span> <span class="nt">s</span><span class="o">,</span> <span class="nt">samp</span><span class="o">,</span> </span><span id="L-5"><a name="L-5"></a><span class="nt">small</span><span class="o">,</span> <span class="nt">strike</span><span class="o">,</span> <span class="nt">strong</span><span class="o">,</span> <span class="nt">sub</span><span class="o">,</span> <span class="nt">sup</span><span class="o">,</span> <span class="nt">tt</span><span class="o">,</span> <span class="nt">var</span><span class="o">,</span> </span><span id="L-6"><a name="L-6"></a><span class="nt">dl</span><span class="o">,</span> <span class="nt">dt</span><span class="o">,</span> <span class="nt">dd</span><span class="o">,</span> <span class="nt">ol</span><span class="o">,</span> <span class="nt">ul</span><span class="o">,</span> <span class="nt">li</span><span class="o">,</span> </span><span id="L-7"><a name="L-7"></a><span class="nt">fieldset</span><span class="o">,</span> <span class="nt">form</span><span class="o">,</span> <span class="nt">label</span><span class="o">,</span> <span class="nt">legend</span><span class="o">,</span> </span><span id="L-8"><a name="L-8"></a><span class="nt">table</span><span class="o">,</span> <span class="nt">caption</span><span class="o">,</span> <span class="nt">tbody</span><span class="o">,</span> <span class="nt">tfoot</span><span class="o">,</span> <span class="nt">thead</span><span class="o">,</span> <span class="nt">tr</span><span class="o">,</span> <span class="nt">th</span><span class="o">,</span> <span class="nt">td</span> <span class="p">{</span> </span><span id="L-9"><a name="L-9"></a> <span class="nb">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-10"><a name="L-10"></a> <span class="nb">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-11"><a name="L-11"></a> <span class="nb">border</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-12"><a name="L-12"></a> <span class="nb">outline</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-13"><a name="L-13"></a> <span class="nb">font-weight</span><span class="o">:</span> <span class="nb">inherit</span><span class="p">;</span> </span><span id="L-14"><a name="L-14"></a> <span class="nb">font-style</span><span class="o">:</span> <span class="nb">inherit</span><span class="p">;</span> </span><span id="L-15"><a name="L-15"></a> <span class="nb">font-size</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span> </span><span id="L-16"><a name="L-16"></a> <span class="nb">font-family</span><span class="o">:</span> <span class="nb">inherit</span><span class="p">;</span> </span><span id="L-17"><a name="L-17"></a> <span class="nb">vertical-align</span><span class="o">:</span> <span class="nb">baseline</span><span class="p">;</span> </span><span id="L-18"><a name="L-18"></a><span class="p">}</span> </span><span id="L-19"><a name="L-19"></a><span class="c">/* remember to define focus styles! */</span> </span><span id="L-20"><a name="L-20"></a><span class="nd">:focus</span> <span class="p">{</span> </span><span id="L-21"><a name="L-21"></a> <span class="nb">outline</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-22"><a name="L-22"></a><span class="p">}</span> </span><span id="L-23"><a name="L-23"></a><span class="nt">body</span> <span class="p">{</span> </span><span id="L-24"><a name="L-24"></a> <span class="nb">line-height</span><span class="o">:</span> <span class="m">1</span><span class="p">;</span> </span><span id="L-25"><a name="L-25"></a> <span class="nb">color</span><span class="o">:</span> <span class="nb">black</span><span class="p">;</span> </span><span id="L-26"><a name="L-26"></a> <span class="nb">background</span><span class="o">:</span> <span class="nb">white</span><span class="p">;</span> </span><span id="L-27"><a name="L-27"></a><span class="p">}</span> </span><span id="L-28"><a name="L-28"></a><span class="nt">ol</span><span class="o">,</span> <span class="nt">ul</span> <span class="p">{</span> </span><span id="L-29"><a name="L-29"></a> <span class="nb">list-style</span><span class="o">:</span> <span class="nb">none</span><span class="p">;</span> </span><span id="L-30"><a name="L-30"></a><span class="p">}</span> </span><span id="L-31"><a name="L-31"></a><span class="c">/* tables still need &#39;cellspacing=&quot;0&quot;&#39; in the markup */</span> </span><span id="L-32"><a name="L-32"></a><span class="nt">table</span> <span class="p">{</span> </span><span id="L-33"><a name="L-33"></a> <span class="nb">border-collapse</span><span class="o">:</span> <span class="nb">separate</span><span class="p">;</span> </span><span id="L-34"><a name="L-34"></a> <span class="nb">border-spacing</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-35"><a name="L-35"></a><span class="p">}</span> </span><span id="L-36"><a name="L-36"></a><span class="nt">caption</span><span class="o">,</span> <span class="nt">th</span><span class="o">,</span> <span class="nt">td</span> <span class="p">{</span> </span><span id="L-37"><a name="L-37"></a> <span class="nb">text-align</span><span class="o">:</span> <span class="nb">left</span><span class="p">;</span> </span><span id="L-38"><a name="L-38"></a> <span class="nb">font-weight</span><span class="o">:</span> <span class="nb">normal</span><span class="p">;</span> </span><span id="L-39"><a name="L-39"></a><span class="p">}</span> </span><span id="L-40"><a name="L-40"></a><span class="nt">blockquote</span><span class="nd">:before</span><span class="o">,</span> <span class="nt">blockquote</span><span class="nd">:after</span><span class="o">,</span> </span><span id="L-41"><a name="L-41"></a><span class="nt">q</span><span class="nd">:before</span><span class="o">,</span> <span class="nt">q</span><span class="nd">:after</span> <span class="p">{</span> </span><span id="L-42"><a name="L-42"></a> <span class="nb">content</span><span class="o">:</span> <span class="s2">&quot;&quot;</span><span class="p">;</span> </span><span id="L-43"><a name="L-43"></a><span class="p">}</span> </span><span id="L-44"><a name="L-44"></a><span class="nt">blockquote</span><span class="o">,</span> <span class="nt">q</span> <span class="p">{</span> </span><span id="L-45"><a name="L-45"></a> <span class="nb">quotes</span><span class="o">:</span> <span class="s2">&quot;&quot;</span> <span class="s2">&quot;&quot;</span><span class="p">;</span> </span><span id="L-46"><a name="L-46"></a><span class="p">}</span> </span></pre></div> </td></tr></table>
css, reset