<?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>DesignMagz &#187; Design</title>
	<atom:link href="http://www.designmagz.com/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designmagz.com</link>
	<description>Design Resources, Share, Tips and Trick, Jobs</description>
	<lastBuildDate>Thu, 15 Oct 2009 10:20:11 +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 Tips: Global Reset</title>
		<link>http://www.designmagz.com/css/css-tips-global-reset.html</link>
		<comments>http://www.designmagz.com/css/css-tips-global-reset.html#comments</comments>
		<pubDate>Sun, 06 Jan 2008 09:54:32 +0000</pubDate>
		<dc:creator>Pupung Budi Purnama</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.designmagz.com/css/css-tips-global-reset.html</guid>
		<description><![CDATA[Permasalahan utama dalam mendesain sebuah layout adalah tidak standardnya value yang diberikan kepada sebuah tag HTML oleh masing-masing browser. Hal ini lah yang menjadikan permasalahan utama bila Anda membangun sebuah desain CSS. Di satu browser, jaraknya sekian pixel kebawah, sedangkan di browser lain kok baik2 saja&#8230; 
Beberapa tag yang memiliki nilai default berbeda pada setiap [...]]]></description>
			<content:encoded><![CDATA[<p>Permasalahan utama dalam mendesain sebuah layout adalah tidak standardnya <em>value</em> yang diberikan kepada sebuah tag HTML oleh masing-masing browser. Hal ini lah yang menjadikan permasalahan utama bila Anda membangun sebuah desain CSS. Di satu browser, jaraknya sekian pixel kebawah, sedangkan di browser lain kok baik2 saja&#8230; <span id="more-152"></span></p>
<p>Beberapa tag yang memiliki nilai default berbeda pada setiap browser, sebagai contoh adalah Heading &lt;h&gt; , List &lt;ul, ol, li&gt;, Paragraph &lt;p&gt;, blockquote, dll. Umumnya perbedaan ini dimiliki oleh tag-tag yang bersifat block (block tag).</p>
<p>Sebagai contoh, bila kita mendefinisikan heading (h1, h2, h3, dst) maka jarak margin dan padding akan berbeda pada berbagai browser.</p>
<p>Sebuah tips yang mungkin berguna bagi Anda, adalah dengan menggunakan apa yang biasa disebut dengan &#8220;Global Reset&#8221; yaitu dengan menambahkan aturan yang menyamakan semua perbedaan pada setiap browser. Yaitu dengan menambahkan:</p>
<pre><code> /* CSS Document */
* {
padding: 0;
margin: 0;
}
</code></pre>
<p>Dengan demikian semua margin dan padding akan di-reset menjadi 0. Dengan demikian, yang anda perlukan selanjutnya adalah mengatur kembali margin dan padding pada setiap elemen:</p>
<pre><code> h1 {
font: normal 18px Arial, Helvetica, Sans-Serif;
margin: 4px;
padding: 4px;
}
</code></pre>
<p>Bagi saya, global reset memudahkan penelusuran masalah bila Anda menemukan tampilan yang berbeda atau menjadi tidak sama pada setiap browser. Silakan saja dicoba&#8230; (Pupung Budi Purnama)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designmagz.com/css/css-tips-global-reset.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
