<?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>柴鸡的窝 &#187; css</title>
	<atom:link href="http://www.enjoyeasy.com.cn/blog/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.enjoyeasy.com.cn/blog</link>
	<description>又不是武松，哪来什么武功。。。</description>
	<lastBuildDate>Tue, 22 Nov 2011 11:20:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Input内容垂直居中</title>
		<link>http://www.enjoyeasy.com.cn/blog/input-vertical-align/</link>
		<comments>http://www.enjoyeasy.com.cn/blog/input-vertical-align/#comments</comments>
		<pubDate>Mon, 25 May 2009 17:55:14 +0000</pubDate>
		<dc:creator>baljeans</dc:creator>
				<category><![CDATA[设计|网页图形]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Input]]></category>
		<category><![CDATA[内容]]></category>
		<category><![CDATA[居中]]></category>

		<guid isPermaLink="false">http://www.enjoyeasy.com.cn/blog/input%e5%86%85%e5%ae%b9%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%ad/</guid>
		<description><![CDATA[相信很多人都遇到过这样的问题：Input在设定了一定的高度之后，如何让内容垂直居中。 在Chrome和Opera中我们可以直接得到想要的默认居中。 在IE中我们也可以方便的使用line-height来定义，不过IE7和IE8会有一个px的差异。 Firefox下就只能使用上下padding来调节了。 以上是个人的经验总结，如果有什么疏漏欢迎指正。]]></description>
			<content:encoded><![CDATA[<p>相信很多人都遇到过这样的问题：Input在设定了一定的高度之后，如何让内容垂直居中。</p>
<p>在Chrome和Opera中我们可以直接得到想要的默认居中。</p>
<p>在IE中我们也可以方便的使用line-height来定义，不过IE7和IE8会有一个px的差异。</p>
<p>Firefox下就只能使用上下padding来调节了。</p>
<p>以上是个人的经验总结，如果有什么疏漏欢迎指正。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.enjoyeasy.com.cn/blog/input-vertical-align/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>CSS图像映射</title>
		<link>http://www.enjoyeasy.com.cn/blog/image-maps/</link>
		<comments>http://www.enjoyeasy.com.cn/blog/image-maps/#comments</comments>
		<pubDate>Sat, 07 Mar 2009 08:06:46 +0000</pubDate>
		<dc:creator>baljeans</dc:creator>
				<category><![CDATA[设计|网页图形]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[图像]]></category>
		<category><![CDATA[映射]]></category>

		<guid isPermaLink="false">http://www.enjoyeasy.com.cn/blog/css%e5%9b%be%e5%83%8f%e6%98%a0%e5%b0%84/</guid>
		<description><![CDATA[在WEB标准化的今天，图像映射将表现和内容混在了一起已经风光不再。 但是我们仍然可以使用CSS创建更简单并且符合WEB的标准图像映射效果。 点击查看演示]]></description>
			<content:encoded><![CDATA[<p>在WEB标准化的今天，图像映射将表现和内容混在了一起已经风光不再。</p>
<p>但是我们仍然可以使用CSS创建更简单并且符合WEB的标准图像映射效果。</p>
<p><a href="http://www.enjoyeasy.com.cn/blog/upload/image_maps.png"><img src="http://www.enjoyeasy.com.cn/blog/upload/image_maps.png" border="0" alt="" width="560" height="170" /></a></p>
<p><a href="http://www.enjoyeasy.com.cn/demo/image-maps/" target="_blank">点击查看演示</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.enjoyeasy.com.cn/blog/image-maps/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>突显不同链接的样式</title>
		<link>http://www.enjoyeasy.com.cn/blog/external-link/</link>
		<comments>http://www.enjoyeasy.com.cn/blog/external-link/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 18:12:15 +0000</pubDate>
		<dc:creator>baljeans</dc:creator>
				<category><![CDATA[设计|网页图形]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.enjoyeasy.com.cn/blog/%e7%aa%81%e6%98%be%e4%b8%8d%e5%90%8c%e9%93%be%e6%8e%a5%e7%9a%84%e6%a0%b7%e5%bc%8f/</guid>
		<description><![CDATA[利用CSS为不同链接添加背景图片从而来让访客区分页面上的内部链接和外部链接。 原理：使用[att^=value]属性选择器寻找以文本http:开头的所有链接。 点击这里查看演示]]></description>
			<content:encoded><![CDATA[<p>利用CSS为不同链接添加背景图片从而来让访客区分页面上的内部链接和外部链接。</p>
<p>原理：使用[att^=value]属性选择器寻找以文本http:开头的所有链接。</p>
<p><a rel="lightbox[design]" href="http://www.enjoyeasy.com.cn/blog/upload/external_link.png"><img src="http://www.enjoyeasy.com.cn/blog/upload/external_link.png" border="0" alt="" width="560" height="170" /></a></p>
<p><a href="http://www.enjoyeasy.com.cn/demo/external-link/" target="_blank">点击这里查看演示</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.enjoyeasy.com.cn/blog/external-link/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>下拉菜单</title>
		<link>http://www.enjoyeasy.com.cn/blog/drop-menu-with-jquery/</link>
		<comments>http://www.enjoyeasy.com.cn/blog/drop-menu-with-jquery/#comments</comments>
		<pubDate>Sun, 11 Jan 2009 12:16:48 +0000</pubDate>
		<dc:creator>baljeans</dc:creator>
				<category><![CDATA[设计|网页图形]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[菜单]]></category>

		<guid isPermaLink="false">http://www.enjoyeasy.com.cn/wordpress/css%e4%b8%8b%e6%8b%89%e8%8f%9c%e5%8d%95/</guid>
		<description><![CDATA[模仿度不高。。。跟进了JQuery的superfish插件 效果跟Media Temple差不多了 点击查看演示]]></description>
			<content:encoded><![CDATA[<div class="post-body">
<p>模仿度不高。。。跟进了JQuery的superfish插件 效果跟Media Temple差不多了</p>
<p><a href="http://www.enjoyeasy.com.cn/demo/drop-menu-with-jquery/" target="_blank">点击查看演示</a></p>
<p><a rel="lightbox[design]" href="http://www.enjoyeasy.com.cn/blog/upload/mt.png"><img src="http://www.enjoyeasy.com.cn/blog/upload/mt.png" border="0" alt="" width="500" /></a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.enjoyeasy.com.cn/blog/drop-menu-with-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS定义浏览器透明效果</title>
		<link>http://www.enjoyeasy.com.cn/blog/css-opacity/</link>
		<comments>http://www.enjoyeasy.com.cn/blog/css-opacity/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 11:54:17 +0000</pubDate>
		<dc:creator>baljeans</dc:creator>
				<category><![CDATA[设计|网页图形]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[透明]]></category>

		<guid isPermaLink="false">http://www.enjoyeasy.com.cn/wordpress/css%e5%ae%9a%e4%b9%89%e6%b5%8f%e8%a7%88%e5%99%a8%e9%80%8f%e6%98%8e%e6%95%88%e6%9e%9c/</guid>
		<description><![CDATA[IE 使用滤镜，即 filter:alpha(opacity=x) ，x 取值范围为 0 &#8211; 100 。默认值为 100 ，不透明。 0 为完全透明。 css3 半透明属性 opacity:x ，x 取值范围为 0.0 &#8211; 1.0 。 点击查看演示 PS：IE 滤镜不能通过 W3C 验证。]]></description>
			<content:encoded><![CDATA[<div class="post-body">
<p>IE 使用滤镜，即 filter:alpha(opacity=x) ，x 取值范围为 0 &#8211; 100 。默认值为 100 ，不透明。 0 为完全透明。</p>
<p>css3 半透明属性 opacity:x ，x 取值范围为 0.0 &#8211; 1.0 。</p>
<p><a href="http://www.enjoyeasy.com.cn/demo/css-opacity/" target="_blank">点击查看演示</a></p>
<p>PS：IE 滤镜不能通过 W3C 验证。</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.enjoyeasy.com.cn/blog/css-opacity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

