<?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>WeBlog — блог про веб-программирование &#187; CSS</title>
	<atom:link href="http://weblog.dreammedia.ru/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://weblog.dreammedia.ru</link>
	<description>Заметки про веб-программирование</description>
	<lastBuildDate>Wed, 06 Oct 2010 02:19:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS3: border-radius</title>
		<link>http://weblog.dreammedia.ru/archives/381</link>
		<comments>http://weblog.dreammedia.ru/archives/381#comments</comments>
		<pubDate>Mon, 04 Oct 2010 09:32:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Полезные ресурсы]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://weblog.dreammedia.ru/?p=381</guid>
		<description><![CDATA[В CSS3 есть свойство "border-radius" которое закругляет края у элемента.

ebkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px

/* CSS3 (пока не поддерживается браузерами) */
border-radius: 6px;
/* Safari, Chrome */
-webkit-border-radius: 6px;
/* FireFox */
-moz-border-radius: 6px;

/* Можно задавать радиус для отдельного края */
border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px; 
Свойство очень странно отрабатывается на элементе таблицы TH.
Очень наглядный сервис для генерации CSS3 кода:
http://border-radius.com/
]]></description>
			<content:encoded><![CDATA[<p>В CSS3 есть свойство "border-radius" которое закругляет края у элемента.</p>
<pre style="background-color: #333333; overflow-x: auto; overflow-y: auto; width: 500px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; max-height: 450px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: white; font-size: 13px; line-height: 1.6; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; padding: 15px; border: 1px solid #ebebeb;"><code style="font-family: Monaco, Courier, monospace; color: white; padding: 0px; margin: 0px;">
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">ebkit-border-radius: 6px;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">-moz-border-radius: 6px;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">border-radius: 6px</div>

<span style="color: #808080;">/* CSS3 (пока не поддерживается браузерами) */</span>
border-radius: 6px;
</code><span style="font-family: Monaco, Courier, monospace;"><span style="color: #999999;">/* Safari, Chrome */</span>
-webkit-border-radius: 6px;
</span><span style="font-family: Monaco, Courier, monospace;"><span style="color: #999999;">/* FireFox */</span>
-moz-border-radius: 6px;

<span style="color: #999999;">/* Можно задавать радиус для отдельного края */</span>
border-top-left-radius: 3px;
</span><span style="font-family: Monaco, Courier, monospace;">-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px; </span></pre>
<p>Свойство очень странно отрабатывается на элементе таблицы TH.</p>
<p>Очень наглядный сервис для генерации CSS3 кода:<br />
http://border-radius.com/</p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.dreammedia.ru/archives/381/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Градиенты с помощью CSS3</title>
		<link>http://weblog.dreammedia.ru/archives/378</link>
		<comments>http://weblog.dreammedia.ru/archives/378#comments</comments>
		<pubDate>Mon, 04 Oct 2010 05:07:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Полезные ресурсы]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://weblog.dreammedia.ru/?p=378</guid>
		<description><![CDATA[CSS3 позволяет задавать градиенты без использования картинок.
Градиенты задаются следующим образом:
div {
     background-color: #1a82f7; /* fallback color */
     background-image: url(images/linear_bg_2.png); /* fallback image */
     background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}
Синтаксис для Mozilla:
-moz-linear-gradient( [...]]]></description>
			<content:encoded><![CDATA[<p>CSS3 позволяет задавать градиенты без использования картинок.</p>
<p>Градиенты задаются следующим образом:</p>
<pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; max-height: 450px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #333333; color: white; overflow-x: auto; overflow-y: auto; font-size: 13px; line-height: 1.6; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; background-position: initial initial; background-repeat: initial initial; padding: 15px;"><code style="font-family: Monaco, Courier, monospace; color: white; padding: 0px; margin: 0px;">div {
     background-color: #1a82f7; /* fallback color */
     background-image: url(images/linear_bg_2.png); /* fallback image */
     background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}</code></pre>
<p>Синтаксис для <strong>Mozilla</strong>:</p>
<pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; max-height: 450px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #333333; color: white; overflow-x: auto; overflow-y: auto; font-size: 13px; line-height: 1.6; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; background-position: initial initial; background-repeat: initial initial; padding: 15px;"><code style="font-family: Monaco, Courier, monospace; color: white; padding: 0px; margin: 0px;">-moz-linear-gradient( [&lt;point&gt; || &lt;angle&gt;,]? &lt;stop&gt;, &lt;stop&gt; [, &lt;stop&gt;]* )</code></pre>
<p>Для <strong>WebKit</strong> (Safari, Chrome):</p>
<pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; max-height: 450px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #333333; color: white; overflow-x: auto; overflow-y: auto; font-size: 13px; line-height: 1.6; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; background-position: initial initial; background-repeat: initial initial; padding: 15px;"><code style="font-family: Monaco, Courier, monospace; color: white; padding: 0px; margin: 0px;">-webkit-gradient(&lt;type&gt;, &lt;point&gt; [, &lt;radius&gt;]?, &lt;point&gt; [, &lt;radius&gt;]? [, &lt;stop&gt;]*)</code></pre>
<p>Взято отсюда: http://css-tricks.com/css3-gradients/</p>
<p>Пара полезных сервисов для создания градиентов на CSS3:<br />
http://gradients.glrzad.com/<br />
http://www.westciv.com/tools/gradients/index.html</p>
<p>На втором есть еще несколько инструментов для создание эффектов на HTML5+CSS3.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.dreammedia.ru/archives/378/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: таблица соответствия px, pt, em и %</title>
		<link>http://weblog.dreammedia.ru/archives/293</link>
		<comments>http://weblog.dreammedia.ru/archives/293#comments</comments>
		<pubDate>Thu, 23 Jul 2009 15:06:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://weblog.dreammedia.ru/?p=293</guid>
		<description><![CDATA[
http://sureshjain.wordpress.com/2007/07/06/53/
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://sureshjain.wordpress.com/2007/07/06/53/"><img class="size-full wp-image-294 aligncenter" title="css_table_pt_px_em_percents" src="http://weblog.dreammedia.ru/wp-content/uploads/2009/07/css_table_pt_px_em_percents.png" alt="" width="303" height="616" /></a></p>
<p><a href="http://sureshjain.wordpress.com/2007/07/06/53/" target="_blank">http://sureshjain.wordpress.com/2007/07/06/53/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.dreammedia.ru/archives/293/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Документация по программированию (php, html, css, javascript, xml)</title>
		<link>http://weblog.dreammedia.ru/archives/40</link>
		<comments>http://weblog.dreammedia.ru/archives/40#comments</comments>
		<pubDate>Sun, 15 Jun 2008 15:50:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Полезные ресурсы]]></category>
		<category><![CDATA[Программирование]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://weblog.dreammedia.ru/?p=40</guid>
		<description><![CDATA[Ссылки на онлайн документацию по языкам программирования:
PHP - http://www.php.net/manual/ru/
JavaScript - http://developer.mozilla.org/ru/docs/JavaScript
HTML,CSS,JS,XML - http://www.w3schools.com/
HTML,CSS - http://htmlbook.ru
]]></description>
			<content:encoded><![CDATA[<p>Ссылки на онлайн документацию по языкам программирования:</p>
<p>PHP - <a href="http://www.php.net/manual/ru/">http://www.php.net/manual/ru/</a><br />
JavaScript - <a href="http://developer.mozilla.org/ru/docs/JavaScript">http://developer.mozilla.org/ru/docs/JavaScript</a><br />
HTML,CSS,JS,XML - <a href="http://weblog.dreammedia.ru/go/http://www.w3schools.com/">http://www.w3schools.com/</a><br />
HTML,CSS - <a href="http://weblog.dreammedia.ru/go/http://htmlbook.ru/">http://htmlbook.ru</a></p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.dreammedia.ru/archives/40/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Блочная модель CSS</title>
		<link>http://weblog.dreammedia.ru/archives/9</link>
		<comments>http://weblog.dreammedia.ru/archives/9#comments</comments>
		<pubDate>Thu, 10 Apr 2008 15:29:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.weblog.dreammedia.ru/?p=9</guid>
		<description><![CDATA[Наглядная блочная модель CSS

]]></description>
			<content:encoded><![CDATA[<p>Наглядная блочная модель CSS<br />
<img src="/images/cssbox.gif" alt="Блочная модель css" /></p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.dreammedia.ru/archives/9/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

