<?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>CSS Tips</title>
	<atom:link href="http://www.cssuniversals.info/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cssuniversals.info</link>
	<description></description>
	<lastBuildDate>Fri, 22 Jun 2012 11:53:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4</generator>
		<item>
		<title>Stylowanie linków</title>
		<link>http://www.cssuniversals.info/stylowanie-linkow/</link>
		<comments>http://www.cssuniversals.info/stylowanie-linkow/#comments</comments>
		<pubDate>Fri, 22 Jun 2012 11:53:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.cssuniversals.info/?p=18</guid>
		<description><![CDATA[Linki mogą być stylizowane każdą właściwością CSS (np. color, font-family, background, etc.) Linki występują w czterech formach:     : link &#8211; normalny, nieodwiedzony link     : visited &#8211; link który użytkownik odwiedził     : hover &#8211; link nad którym użytkownik przesunął myszkę     : active &#8211; link, który użytkownik klika Przykład: a:link {color:#FF0000;}      /* nieodwiedzony link */ a:visited {color:#00FF00;}  [...]]]></description>
			<content:encoded><![CDATA[<p>Linki mogą być stylizowane każdą właściwością CSS (np. color, font-family, background, etc.)</p>
<p>Linki występują w czterech formach:</p>
<ul>
<li>    : link &#8211; normalny, nieodwiedzony link</li>
<li>    : visited &#8211; link który użytkownik odwiedził</li>
<li>    : hover &#8211; link nad którym użytkownik przesunął myszkę</li>
<li>    : active &#8211; link, który użytkownik klika</li>
</ul>
<p>Przykład:<br />
a:link {color:#FF0000;}      /* nieodwiedzony link */<br />
a:visited {color:#00FF00;}  /* odwiedzony link */<br />
a:hover {color:#FF00FF;}  /* myszka and linkiem */<br />
a:active {color:#0000FF;}  /* wybrany link */</p>
<p>Typowe stylowanie linków:</p>
<p>a:link {text-decoration:none;}<br />
a:visited {text-decoration:none;}<br />
a:hover {text-decoration:underline;}<br />
a:active {text-decoration:underline;}</p>
<p>a:link {background-color:#B2FF99;}<br />
a:visited {background-color:#FFFF85;}<br />
a:hover {background-color:#FF704D;}<br />
a:active {background-color:#FF704D;}</p>
<p>Oczywiście właściwości te można połączyć:<br />
a:link {text-decoration:none; background-color:#B2FF99;}<br />
a:visited {text-decoration:none; background-color:#FFFF85;}<br />
a:hover {text-decoration:underline; background-color:#FF704D;}<br />
a:active {text-decoration:underline; background-color:#FF704D;}</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cssuniversals.info/stylowanie-linkow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Horizontal Align &#8211; Wyrównanie poziome</title>
		<link>http://www.cssuniversals.info/horizontal-align-wyrownanie-poziome/</link>
		<comments>http://www.cssuniversals.info/horizontal-align-wyrownanie-poziome/#comments</comments>
		<pubDate>Fri, 22 Jun 2012 11:44:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.cssuniversals.info/?p=15</guid>
		<description><![CDATA[Wyrównywanie bloków Element bloku jest elementem, który zajmuje całą szerokość dokumentu, np.: &#60;h1&#62; &#60;p&#62; &#60;div&#62; Wyrównywanie do środka Elementy bloku mogą być wyrównane poprzez lewy i prawy margines ustawiając go na &#8220;auto&#8221;. Uwaga: Korzystanie z marginesu: auto nie działa w IE8 i wcześniejszych wersjach, chyba że zadeklarowany jest DOCTYPE. Ustawianie lewego i prawego marginesu na [...]]]></description>
			<content:encoded><![CDATA[<p>Wyrównywanie bloków</p>
<p>Element bloku jest elementem, który zajmuje całą szerokość dokumentu, np.:</p>
<p>&lt;h1&gt;<br />
&lt;p&gt;<br />
&lt;div&gt;</p>
<p>Wyrównywanie do środka</p>
<p>Elementy bloku mogą być wyrównane poprzez lewy i prawy margines ustawiając go na &#8220;auto&#8221;.</p>
<p>Uwaga: Korzystanie z marginesu: auto nie działa w IE8 i wcześniejszych wersjach, chyba że zadeklarowany jest DOCTYPE.</p>
<p>Ustawianie lewego i prawego marginesu na auto mówi przeglądarce, że margines należy podzielić jednakowo. Rezultatem takiej definicji jest wyśrodkowany cały element, np.:<br />
.center<br />
{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:70%;<br />
background-color:#b0e0e6;<br />
}</p>
<p>Wyrównanie do lewej lub prawej strony:<br />
.right<br />
{<br />
position:absolute;<br />
right:0px;<br />
width:300px;<br />
background-color:#b0e0e6;<br />
}</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cssuniversals.info/horizontal-align-wyrownanie-poziome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Margines</title>
		<link>http://www.cssuniversals.info/margines/</link>
		<comments>http://www.cssuniversals.info/margines/#comments</comments>
		<pubDate>Wed, 20 Jun 2012 13:02:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.cssuniversals.info/?p=12</guid>
		<description><![CDATA[Właściwość Margines Margines jest odległością od jednego elementu HTML do następnego. Margines można wyrażać w wartościach relatywnych (em, %) i absolutnych (10px). &#160;&#160;margin-top&#58; 15px&#59; (góra) &#160;&#160;margin-left&#58; 10px &#59; (lewa strona) &#160;&#160;margin-right&#58; 15px&#59; ( prawa strona) &#160;&#160;margin-bottom&#58; 10px&#59; (dół) Aby uniknąć nadmiernie długiego kodu, powyższy przykład można zapisać: &#160;&#160;margin&#58; 15px 10px 15px 10px; Jeśli określi się [...]]]></description>
			<content:encoded><![CDATA[<h3>Właściwość Margines </h3>
<p>Margines  jest odległością od jednego elementu HTML do następnego. </p>
<p>Margines można wyrażać w wartościach relatywnych (em, %) i absolutnych (10px). </p>
<blockquote><p>&nbsp;&nbsp;margin-top&#58; 15px&#59; (góra)<br />
      &nbsp;&nbsp;margin-left&#58; 10px &#59; (lewa strona) <br />
      &nbsp;&nbsp;margin-right&#58; 15px&#59; ( prawa strona) <br />
      &nbsp;&nbsp;margin-bottom&#58; 10px&#59; (dół) </p>
</blockquote>
<p>Aby uniknąć nadmiernie długiego kodu, powyższy przykład można zapisać:</p>
<blockquote><p>&nbsp;&nbsp;margin&#58; 15px 10px 15px 10px;</p>
</blockquote>
<p>Jeśli określi się jedynie jedną wartość dla marginesu, dotyczy ona wszystkich stron:   </p>
<blockquote>
<p>#container &#123; <br />
        &nbsp;&nbsp;width: 40%&#59;<br />
        &nbsp;&nbsp;margin: 15px &#59;<br />
        &nbsp;&nbsp;padding: 20px&#59;<br />
        &nbsp;&nbsp;border: 1px solid #eee&#59;<br />
        &nbsp;&nbsp;background: #ffffff&#59;<br />
        }
       </p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.cssuniversals.info/margines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
