snipt

Ctrl+h for KB shortcuts

CSS

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, 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: "" "";
}

Want to make sure your code is always working? Try custom application monitoring from Instrumental!

Advertisement
https://snipt.net/embed/ce1a5fb4d8f3f85a8587d192a097ed94/
https://snipt.net/raw/ce1a5fb4d8f3f85a8587d192a097ed94/
ce1a5fb4d8f3f85a8587d192a097ed94
css
CSS
46
2016-08-23T17:04:23
True
False
False
/api/public/snipt/4384/
css-reset-9
<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 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="k">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="k">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="k">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="k">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="k">font-weight</span><span class="o">:</span> <span class="k">inherit</span><span class="p">;</span> </span><span id="L-14"><a name="L-14"></a> <span class="k">font-style</span><span class="o">:</span> <span class="k">inherit</span><span class="p">;</span> </span><span id="L-15"><a name="L-15"></a> <span class="k">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="k">font-family</span><span class="o">:</span> <span class="k">inherit</span><span class="p">;</span> </span><span id="L-17"><a name="L-17"></a> <span class="k">vertical-align</span><span class="o">:</span> <span class="k">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="k">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="k">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="k">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="k">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="k">list-style</span><span class="o">:</span> <span class="k">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="k">border-collapse</span><span class="o">:</span> <span class="k">separate</span><span class="p">;</span> </span><span id="L-34"><a name="L-34"></a> <span class="k">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="k">text-align</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span> </span><span id="L-38"><a name="L-38"></a> <span class="k">font-weight</span><span class="o">:</span> <span class="k">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="k">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="k">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>
browser, meyer, reset
Copyrighted, illegal, or inappropriate content? Email support@snipt.net.