snipt

Ctrl+h for KB shortcuts

CSS

YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions.

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
https://snipt.net/embed/37febe6300e1aaa12a3b46a9c9c64517/
/raw/37febe6300e1aaa12a3b46a9c9c64517/
37febe6300e1aaa12a3b46a9c9c64517
css
CSS
30
2019-07-21T05:29:51
True
False
False
/api/public/snipt/4263/
yui-reset-css-file-removes-and-neutralizes-the-inconsistent-default-styling-of-html-elements-creating-a-level-playing-field-across-a-grade-browsers-and-providing-a-sound-foundation-upon-which-you-can-explicitly-declare-your-intentions
<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></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="nt">body</span><span class="o">,</span><span class="nt">div</span><span class="o">,</span><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">ul</span><span class="o">,</span><span class="nt">ol</span><span class="o">,</span><span class="nt">li</span><span class="o">,</span><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">pre</span><span class="o">,</span><span class="nt">form</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">,</span><span class="nt">input</span><span class="o">,</span><span class="nt">textarea</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">th</span><span class="o">,</span><span class="nt">td</span> <span class="p">{</span> </span><span id="L-2"><a name="L-2"></a> <span class="nb">margin</span><span class="o">:</span><span class="m">0</span><span class="p">;</span> </span><span id="L-3"><a name="L-3"></a> <span class="nb">padding</span><span class="o">:</span><span class="m">0</span><span class="p">;</span> </span><span id="L-4"><a name="L-4"></a><span class="p">}</span> </span><span id="L-5"><a name="L-5"></a><span class="nt">table</span> <span class="p">{</span> </span><span id="L-6"><a name="L-6"></a> <span class="nb">border-collapse</span><span class="o">:</span><span class="nb">collapse</span><span class="p">;</span> </span><span id="L-7"><a name="L-7"></a> <span class="nb">border-spacing</span><span class="o">:</span><span class="m">0</span><span class="p">;</span> </span><span id="L-8"><a name="L-8"></a><span class="p">}</span> </span><span id="L-9"><a name="L-9"></a><span class="nt">fieldset</span><span class="o">,</span><span class="nt">img</span> <span class="p">{</span> </span><span id="L-10"><a name="L-10"></a> <span class="nb">border</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="p">}</span> </span><span id="L-12"><a name="L-12"></a><span class="nt">address</span><span class="o">,</span><span class="nt">caption</span><span class="o">,</span><span class="nt">cite</span><span class="o">,</span><span class="nt">code</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">strong</span><span class="o">,</span><span class="nt">th</span><span class="o">,</span><span class="nt">var</span> <span class="p">{</span> </span><span id="L-13"><a name="L-13"></a> <span class="nb">font-style</span><span class="o">:</span><span class="nb">normal</span><span class="p">;</span> </span><span id="L-14"><a name="L-14"></a> <span class="nb">font-weight</span><span class="o">:</span><span class="nb">normal</span><span class="p">;</span> </span><span id="L-15"><a name="L-15"></a><span class="p">}</span> </span><span id="L-16"><a name="L-16"></a><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span> <span class="p">{</span> </span><span id="L-17"><a name="L-17"></a> <span class="nb">list-style</span><span class="o">:</span><span class="nb">none</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="nt">caption</span><span class="o">,</span><span class="nt">th</span> <span class="p">{</span> </span><span id="L-20"><a name="L-20"></a> <span class="nb">text-align</span><span class="o">:</span><span class="nb">left</span><span class="p">;</span> </span><span id="L-21"><a name="L-21"></a><span class="p">}</span> </span><span id="L-22"><a name="L-22"></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="p">{</span> </span><span id="L-23"><a name="L-23"></a> <span class="nb">font-size</span><span class="o">:</span><span class="m">100%</span><span class="p">;</span> </span><span id="L-24"><a name="L-24"></a> <span class="nb">font-weight</span><span class="o">:</span><span class="nb">normal</span><span class="p">;</span> </span><span id="L-25"><a name="L-25"></a><span class="p">}</span> </span><span id="L-26"><a name="L-26"></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-27"><a name="L-27"></a> <span class="nb">content</span><span class="o">:</span><span class="s1">&#39;&#39;</span><span class="p">;</span> </span><span id="L-28"><a name="L-28"></a><span class="p">}</span> </span><span id="L-29"><a name="L-29"></a><span class="nt">abbr</span><span class="o">,</span><span class="nt">acronym</span> <span class="p">{</span> <span class="nb">border</span><span class="o">:</span><span class="m">0</span><span class="p">;</span> </span><span id="L-30"><a name="L-30"></a><span class="p">}</span> </span></pre></div> </td></tr></table>
css