snipt

Ctrl+h for KB shortcuts
Sign up for : store and share your own code snippets.
#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-07-04T04:26:09
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.