<?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>CSS9.NET &#187; CSS</title>
	<atom:link href="http://css9.net/category/example/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://css9.net</link>
	<description>Less is More,Simple is Perfect!</description>
	<lastBuildDate>Thu, 17 Jun 2010 05:08:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>15个基于CSS的Form表单设计</title>
		<link>http://css9.net/15-css-based-html-form-design/</link>
		<comments>http://css9.net/15-css-based-html-form-design/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 14:56:04 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[表单设计 Form]]></category>

		<guid isPermaLink="false">http://css9.net/?p=1209</guid>
		<description><![CDATA[我们都知道，表单是网页的重要组成部分，它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素，使得表单设计略显乏味，难有创新，这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点，让表单设计或耳目一新，或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-3/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（三）'>Jquery Tools——不可错过的Jquery UI库（三）</a></li><li><a href='http://css9.net/text-escape-unescape-in-javascript/' rel='bookmark' title='Permanent Link: 通过javascript实现的快速编码解码服务'>通过javascript实现的快速编码解码服务</a></li><li><a href='http://css9.net/jquery-switch-style/' rel='bookmark' title='Permanent Link: 使用CSS和JQuery轻松切换网页显示样式'>使用CSS和JQuery轻松切换网页显示样式</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/15-css-based-html-form-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>在网页中嵌入任意字体的解决方案</title>
		<link>http://css9.net/css-font-face-solution/</link>
		<comments>http://css9.net/css-font-face-solution/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 15:33:38 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[font-face]]></category>
		<category><![CDATA[font-family]]></category>
		<category><![CDATA[字体]]></category>
		<category><![CDATA[嵌入字体]]></category>

		<guid isPermaLink="false">http://css9.net/?p=1091</guid>
		<description><![CDATA[字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2. 图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用<a href='http://uicss.cn/sifr/'>sIFR</a>技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。


延伸阅读:<ol><li><a href='http://css9.net/web-design-length-convert/' rel='bookmark' title='Permanent Link: Web设计字体尺寸转换速查表'>Web设计字体尺寸转换速查表</a></li><li><a href='http://css9.net/simple-css-cascade-presentation/' rel='bookmark' title='Permanent Link: 一个简单的、循序渐进的CSS幻灯片教程'>一个简单的、循序渐进的CSS幻灯片教程</a></li><li><a href='http://css9.net/21-hand-drawn-fonts/' rel='bookmark' title='Permanent Link: 21款Web设计手写字体'>21款Web设计手写字体</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/css-font-face-solution/feed/</wfw:commentRss>
		<slash:comments>63</slash:comments>
		</item>
		<item>
		<title>通过CSS Sprites技术仅一张图片实现动感菜单</title>
		<link>http://css9.net/css-spirits-menu/</link>
		<comments>http://css9.net/css-spirits-menu/#comments</comments>
		<pubDate>Wed, 20 May 2009 14:37:18 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://css9.net/?p=299</guid>
		<description><![CDATA[基于Flash的网站与基于HTML+CSS的网站最大的区别在于前者往往可以实现漂亮的动画效果，而在后者不是那么容易。不过这种情况在逐步改变，逐步涌现的诸如Jquery,ExtJs,Moo,YUI等Javascript库使这个工作变得容易许多。下面的一个示例是通过使用<a href='http://baike.baidu.com/view/2173476.htm' >CSS Sprites技术</a>，结合Jquery实现的一个动感十足的菜


延伸阅读:<ol><li><a href='http://css9.net/jquery-tabbed-interfacetabbed-structure-menu/' rel='bookmark' title='Permanent Link: 使用JQuery实现标签（Tab）切换效果'>使用JQuery实现标签（Tab）切换效果</a></li><li><a href='http://css9.net/css-writestandards-best-practices/' rel='bookmark' title='Permanent Link: CSS书写标准及最佳实践'>CSS书写标准及最佳实践</a></li><li><a href='http://css9.net/remove-picture-flaw-soft/' rel='bookmark' title='Permanent Link: 快速清除图片瑕疵的绿色小软件Teorex.Inpaint'>快速清除图片瑕疵的绿色小软件Teorex.Inpaint</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/css-spirits-menu/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>不要使用@import方法导入样式表</title>
		<link>http://css9.net/do-not-use-import/</link>
		<comments>http://css9.net/do-not-use-import/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 13:29:47 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[网站优化]]></category>

		<guid isPermaLink="false">http://css9.net/?p=189</guid>
		<description><![CDATA[<a href='http://www.douban.com/subject/3132277/?i=0'>《高性能网站建设指南》</a>（《<a href='http://stevesouders.com/hpws/'>High Performance Web Sites</a>》）第5章如是说：'Link标签代替@imort标签能带来性能上的收益；@import规则有可能导致白屏现象；使用@import会导致组件下载的无序性。'


延伸阅读:<ol><li><a href='http://css9.net/jquery-switch-style/' rel='bookmark' title='Permanent Link: 使用CSS和JQuery轻松切换网页显示样式'>使用CSS和JQuery轻松切换网页显示样式</a></li><li><a href='http://css9.net/css-spirits-menu/' rel='bookmark' title='Permanent Link: 通过CSS Sprites技术仅一张图片实现动感菜单'>通过CSS Sprites技术仅一张图片实现动感菜单</a></li><li><a href='http://css9.net/learn-javascript-from-masters/' rel='bookmark' title='Permanent Link: 向大师们学习Javascript（视频、PPT）'>向大师们学习Javascript（视频、PPT）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/do-not-use-import/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>使用CSS和JQuery轻松切换网页显示样式</title>
		<link>http://css9.net/jquery-switch-style/</link>
		<comments>http://css9.net/jquery-switch-style/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 10:50:42 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.oostudy.com/?p=16</guid>
		<description><![CDATA[这篇文章讲述的是如何通过CSS和JQuery来实现在页面上快速切换布局（样式）的功能。这样做的好处是不言而喻的，现在的网页设计都是希望增强与用户的互动性。允许改变页面布局或信息展示方式无疑可以提高用户体验，选择他们喜欢的样式去获取信息。


延伸阅读:<ol><li><a href='http://css9.net/chinese-css-cheat-sheet/' rel='bookmark' title='Permanent Link: CSS中文速查表（CSS Cheat Sheet）'>CSS中文速查表（CSS Cheat Sheet）</a></li><li><a href='http://css9.net/web-design-length-convert/' rel='bookmark' title='Permanent Link: Web设计字体尺寸转换速查表'>Web设计字体尺寸转换速查表</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-4/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（四）'>Jquery Tools——不可错过的Jquery UI库（四）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/jquery-switch-style/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
