<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Marius&#039; Blog &#187; HTML</title>
	<atom:link href="http://mariuscristiandonea.com/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://mariuscristiandonea.com</link>
	<description>A collection of code samples I use for my work ... and my work.</description>
	<lastBuildDate>Thu, 17 May 2012 15:32:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>HTML 4.01 and XHTML 1.0 (re)set stylesheet</title>
		<link>http://mariuscristiandonea.com/html-401-and-xhtml-10-reset-stylesheet/</link>
		<comments>http://mariuscristiandonea.com/html-401-and-xhtml-10-reset-stylesheet/#comments</comments>
		<pubDate>Fri, 17 Dec 2010 09:55:26 +0000</pubDate>
		<dc:creator>Marius</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://mariuscristiandonea.com/?p=318</guid>
		<description><![CDATA[This CSS stylesheet sets default values for HTML tags.]]></description>
			<content:encoded><![CDATA[<p>This CSS stylesheet sets default values for HTML 4.01 and XHTML 1.0  tags.</p>
<p><strong>CSS code:</strong></p>
<div class="codesnip-container" >
<div class="css codesnip" style="font-family:monospace;"><span class="co1">@charset &quot;utf-8&quot;;</span></p>
<p><span class="coMULTI">/* BEGIN CSS RESET */</span></p>
<p>html<span class="sy0">,</span> body<span class="sy0">,</span><br />
a<span class="sy0">,</span> abbr<span class="sy0">,</span> acronym<span class="sy0">,</span> address<span class="sy0">,</span><br />
b<span class="sy0">,</span> big<span class="sy0">,</span> blockquote<span class="sy0">,</span><br />
caption<span class="sy0">,</span> cite<span class="sy0">,</span> code<span class="sy0">,</span><br />
dd<span class="sy0">,</span> del<span class="sy0">,</span> dfn<span class="sy0">,</span> div<span class="sy0">,</span> dl<span class="sy0">,</span> dt<span class="sy0">,</span><br />
em<span class="sy0">,</span><br />
fieldset<span class="sy0">,</span> form<span class="sy0">,</span><br />
h1<span class="sy0">,</span> h2<span class="sy0">,</span> h3<span class="sy0">,</span> h4<span class="sy0">,</span> h5<span class="sy0">,</span> h6<span class="sy0">,</span><br />
i<span class="sy0">,</span> iframe<span class="sy0">,</span> img<span class="sy0">,</span> ins<span class="sy0">,</span><br />
kbd<span class="sy0">,</span><br />
label<span class="sy0">,</span> legend<span class="sy0">,</span> li<span class="sy0">,</span><br />
object<span class="sy0">,</span> ol<span class="sy0">,</span><br />
p<span class="sy0">,</span> pre<span class="sy0">,</span><br />
q<span class="sy0">,</span><br />
samp<span class="sy0">,</span> small<span class="sy0">,</span> span<span class="sy0">,</span> strong<span class="sy0">,</span> sub<span class="sy0">,</span> sup<span class="sy0">,</span><br />
table<span class="sy0">,</span> tbody<span class="sy0">,</span> td<span class="sy0">,</span> tfoot<span class="sy0">,</span> th<span class="sy0">,</span> thead<span class="sy0">,</span> tr<span class="sy0">,</span> tt<span class="sy0">,</span><br />
ul<span class="sy0">,</span><br />
var<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">padding</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">border</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">outline</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">inherit</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-style</span><span class="sy0">:</span> <span class="kw2">inherit</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3"><span class="nu0">100</span>%</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-family</span><span class="sy0">:</span> <span class="kw2">inherit</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">vertical-align</span><span class="sy0">:</span> <span class="kw2">baseline</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>body<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">line-height</span><span class="sy0">:</span> <span class="nu0">1</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">color</span><span class="sy0">:</span> <span class="kw1">black</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">background</span><span class="sy0">:</span> <span class="kw2">white</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="re2">:focus</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">outline</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>a<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>blockquote<span class="re2">:before</span><span class="sy0">,</span> blockquote<span class="re2">:after</span><span class="sy0">,</span> q<span class="re2">:before</span><span class="sy0">,</span> q<span class="re2">:after</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">content</span><span class="sy0">:</span> <span class="st0">&quot;&quot;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>blockquote<span class="sy0">,</span> q<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">quotes</span><span class="sy0">:</span> <span class="st0">&quot;&quot;</span> <span class="st0">&quot;&quot;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>caption<span class="sy0">,</span> th<span class="sy0">,</span> td<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">text-align</span><span class="sy0">:</span> <span class="kw1">left</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">normal</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>del<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">line-through</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>div<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">relative</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>input<span class="sy0">,</span> select<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">vertical-align</span><span class="sy0">:</span> <span class="kw2">middle</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>ins<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#cfcfcf</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>ol<span class="sy0">,</span> ul<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">list-style</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>table<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">border-collapse</span><span class="sy0">:</span> <span class="kw2">collapse</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">border-spacing</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="coMULTI">/* END CSS RESET */</span></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://mariuscristiandonea.com/html-401-and-xhtml-10-reset-stylesheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 (re)set stylesheet</title>
		<link>http://mariuscristiandonea.com/html5-reset-stylesheet/</link>
		<comments>http://mariuscristiandonea.com/html5-reset-stylesheet/#comments</comments>
		<pubDate>Sun, 27 Jun 2010 07:23:28 +0000</pubDate>
		<dc:creator>Marius</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://mariuscristiandonea.com/?p=259</guid>
		<description><![CDATA[This CSS stylesheet sets default values for HTML5 tags.]]></description>
			<content:encoded><![CDATA[<p>This CSS stylesheet sets default values for HTML5 tags.</p>
<p><strong>CSS code:</strong></p>
<div class="codesnip-container" >
<div class="css codesnip" style="font-family:monospace;"><span class="co1">@charset &quot;utf-8&quot;;</span></p>
<p><span class="coMULTI">/* BEGIN HTML5 CSS RESET */</span></p>
<p>html<span class="sy0">,</span> body<span class="sy0">,</span><br />
a<span class="sy0">,</span> abbr<span class="sy0">,</span> address<span class="sy0">,</span> article<span class="sy0">,</span> aside<span class="sy0">,</span> audio<br />
b<span class="sy0">,</span> blockquote<span class="sy0">,</span><br />
canvas<span class="sy0">,</span> caption<span class="sy0">,</span> cite<span class="sy0">,</span> code<span class="sy0">,</span><br />
dd<span class="sy0">,</span> del<span class="sy0">,</span> details<span class="sy0">,</span> dfn<span class="sy0">,</span> div<span class="sy0">,</span> dl<span class="sy0">,</span> dt<span class="sy0">,</span><br />
em<span class="sy0">,</span><br />
fieldset<span class="sy0">,</span> figcaption<span class="sy0">,</span> figure<span class="sy0">,</span> footer<span class="sy0">,</span> form<span class="sy0">,</span><br />
h1<span class="sy0">,</span> h2<span class="sy0">,</span> h3<span class="sy0">,</span> h4<span class="sy0">,</span> h5<span class="sy0">,</span> h6<span class="sy0">,</span> header<span class="sy0">,</span> hgroup<span class="sy0">,</span><br />
i<span class="sy0">,</span> iframe<span class="sy0">,</span> img<span class="sy0">,</span> ins<span class="sy0">,</span><br />
kbd<span class="sy0">,</span><br />
label<span class="sy0">,</span> legend<span class="sy0">,</span> li<span class="sy0">,</span><br />
mark<span class="sy0">,</span> menu<span class="sy0">,</span> meter<span class="sy0">,</span><br />
nav<span class="sy0">,</span><br />
object<span class="sy0">,</span> ol<span class="sy0">,</span><br />
p<span class="sy0">,</span> pre<span class="sy0">,</span><br />
q<span class="sy0">,</span><br />
samp<span class="sy0">,</span> section<span class="sy0">,</span> small<span class="sy0">,</span> span<span class="sy0">,</span> sub<span class="sy0">,</span> summary<span class="sy0">,</span> sup<span class="sy0">,</span> strong<span class="sy0">,</span><br />
table<span class="sy0">,</span> tbody<span class="sy0">,</span> td<span class="sy0">,</span> tfoot<span class="sy0">,</span> th<span class="sy0">,</span> thead<span class="sy0">,</span> time<span class="sy0">,</span> tr<span class="sy0">,</span><br />
ul<span class="sy0">,</span><br />
var<span class="sy0">,</span> video<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">padding</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">border</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">outline</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">inherit</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-style</span><span class="sy0">:</span> <span class="kw2">inherit</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3"><span class="nu0">100</span>%</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-family</span><span class="sy0">:</span> <span class="kw2">inherit</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">vertical-align</span><span class="sy0">:</span> <span class="kw2">baseline</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>body<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">line-height</span><span class="sy0">:</span> <span class="nu0">1</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">color</span><span class="sy0">:</span> <span class="kw1">black</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">background</span><span class="sy0">:</span> <span class="kw2">white</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="re2">:focus</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">outline</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>a<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>abbr<span class="br0">&#91;</span>title<span class="br0">&#93;</span><span class="sy0">,</span> dfn<span class="br0">&#91;</span>title<span class="br0">&#93;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">border-bottom</span><span class="sy0">:</span> <span class="re3">1px</span> <span class="kw2">dotted</span> <span class="re0">#000</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">cursor</span><span class="sy0">:</span> <span class="kw2">help</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>article<span class="sy0">,</span> aside<span class="sy0">,</span> canvas<span class="sy0">,</span> details<span class="sy0">,</span> figcaption<span class="sy0">,</span> figure<span class="sy0">,</span> footer<span class="sy0">,</span> header<span class="sy0">,</span> hgroup<span class="sy0">,</span> menu<span class="sy0">,</span> nav<span class="sy0">,</span> section<span class="sy0">,</span> summary<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">display</span><span class="sy0">:</span><span class="kw2">block</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>blockquote<span class="re2">:before</span><span class="sy0">,</span> blockquote<span class="re2">:after</span><span class="sy0">,</span> q<span class="re2">:before</span><span class="sy0">,</span> q<span class="re2">:after</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">content</span><span class="sy0">:</span><span class="st0">&quot;&quot;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>blockquote<span class="sy0">,</span> q<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">quotes</span><span class="sy0">:</span><span class="st0">&quot;&quot;</span> <span class="st0">&quot;&quot;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>caption<span class="sy0">,</span> th<span class="sy0">,</span> td<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">text-align</span><span class="sy0">:</span> <span class="kw1">left</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">normal</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>del<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">line-through</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>div<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">relative</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>hr<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">block</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">1px</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">border</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">border-top</span><span class="sy0">:</span> <span class="re3">1px</span> <span class="kw2">solid</span> <span class="re0">#cccccc</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">margin</span><span class="sy0">:</span> <span class="re3">1em</span> <span class="nu0">0</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">padding</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>input<span class="sy0">,</span> select<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">vertical-align</span><span class="sy0">:</span> <span class="kw2">middle</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>ins<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#cfcfcf</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>mark<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#cfcfcf</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-style</span><span class="sy0">:</span> <span class="kw2">italic</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">bold</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>menu<span class="sy0">,</span> ol<span class="sy0">,</span> ul<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">list-style</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>table<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">border-collapse</span><span class="sy0">:</span> <span class="kw2">collapse</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">border-spacing</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="coMULTI">/* END HTML5 CSS RESET */</span></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://mariuscristiandonea.com/html5-reset-stylesheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

