<?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>iGlauser &#187; YUI 2</title> <atom:link href="http://iglauser.com/tag/yui-2/feed/" rel="self" type="application/rss+xml" /><link>http://iglauser.com</link> <description>Enhancing the Web</description> <lastBuildDate>Wed, 09 Jun 2010 09:53:08 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.2</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>CSS Reset</title><link>http://iglauser.com/2008/10/reset-in-css/</link> <comments>http://iglauser.com/2008/10/reset-in-css/#comments</comments> <pubDate>Thu, 16 Oct 2008 19:03:44 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Eric Meyer]]></category> <category><![CDATA[reset]]></category> <category><![CDATA[Smashing Magazine]]></category> <category><![CDATA[YUI 2]]></category><guid isPermaLink="false">http://www.iglauser.com/?p=16</guid> <description><![CDATA[Different browsers have different presentation default for CSS styles. This includes different top and bottom margins for headers, indentation, indent strategies for unordered lists, default line height, and much more. To spend less time struggling with browser default presentation differences, most CSS style sheets and CSS frameworks has a CSS reset included in them. There are [...]]]></description> <content:encoded><![CDATA[<p>Different browsers have different presentation default for CSS styles. This includes different top and bottom margins for headers, indentation, indent strategies for unordered lists, default line height, and much more. To spend less time struggling with browser default presentation differences, most CSS style sheets and CSS frameworks has a CSS reset included in them.</p><p>There are plenty of CSS reset examples out there. A simple one such as the following resets the margins for a bunch of elements. Put it at the top of your CSS file and it will do just fine for most occasions.</p><pre class="brush: css;">html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0; padding: 0;
}</pre><p>If you want a more complete CSS reset I can recommend the <a href="http://developer.yahoo.com/yui/reset/">YUI 2: Reset CSS</a>.</p><pre class="brush: css;">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;
}</pre><p>If you want to put the reset in a separate file, give the file a name, e.g. reset.css and add the following to your header:</p><pre class="brush: xml;">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://yourdomain.com/locationofprojectscssfiles/reset.css&quot;&gt;</pre><p>The downside of having the CSS reset in a separate file is that you will get an extra HTTP request for retrieving the file. The upside on the other hand is that you can easily share the same CSS reset code between different projects. Just remember to include the line above in the header in such case.</p> ]]></content:encoded> <wfw:commentRss>http://iglauser.com/2008/10/reset-in-css/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 7/11 queries in 0.516 seconds using disk

Served from: iglauser.com @ 2012-02-06 09:46:22 -->
