snipt

Ctrl+h for KB shortcuts
Sign up for Snipt!
Post public snipts for free. Private snipts just $5/mo.
#4384

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: "" "";
}
https://snipt.net/embed/ce1a5fb4d8f3f85a8587d192a097ed94/
https://snipt.net/raw/ce1a5fb4d8f3f85a8587d192a097ed94/
ce1a5fb4d8f3f85a8587d192a097ed94
css
CSS
46
2015-09-04T10:23:50
True
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 nick@snipt.net.