<?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.yaoyingying.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yaoyingying.com</link>
	<description>Wordpress, Drupal 二次开发~</description>
	<lastBuildDate>Wed, 08 Feb 2012 12:54:01 +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>网页图片之间有间隙</title>
		<link>http://www.yaoyingying.com/2010/12/10/crack-between-images/</link>
		<comments>http://www.yaoyingying.com/2010/12/10/crack-between-images/#comments</comments>
		<pubDate>Fri, 10 Dec 2010 03:54:14 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[浏览器兼容]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1325</guid>
		<description><![CDATA[一直都没有做过一个网页大面积由图片组成，一直不懈一故，后来发现，其实这里头还是有很多值得关注的。 这次主要碰到的问题是上下排列的图片在IE6和IE7里有间隙。 相关代码： &#60;div&#62; &#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62; &#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62; &#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62; &#60;/div&#62; 只是在 IE6-7会这样，我一开始以为是网页文本类型的缘故，我一开始用的严格类型文本，后来改为过渡行还是一样。 说真的我也搞不清到底为什么会这样，总之通过正常CSS途径（非hack）不好解决，不过后来我发现，给每周图片加一个容器，问题就解决了，像这样： &#60;div&#62; &#60;div&#62;&#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62;&#60;/div&#62; &#60;div&#62;&#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62;&#60;/div&#62; &#60;div&#62;&#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62;&#60;/div&#62; &#60;/div&#62; 这儿不一定必须是 div，事实上其他很多容器都可以。 那么为什么会这样。WHO TELL ME？haha！]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/12/10/crack-between-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS清除浮动的方法</title>
		<link>http://www.yaoyingying.com/2010/03/16/css%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8/</link>
		<comments>http://www.yaoyingying.com/2010/03/16/css%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 05:32:40 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[清除浮动]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=805</guid>
		<description><![CDATA[网页设计中常常碰到层高度无法撑开，只显示一条直线的情况，这主要是该层内部使用了 float 属性。 通常解决方法是在该层内部加一个 &#60;div style=”clear:both;”&#62;&#60;/div&#62; 清除一下浮动即可，这也是我用的最多的方法。这儿是用的 DIV，wordpress 模板里很多人用的 HR。个人认为没有什么区别，可能就是少几个字母吧。 另一个方法是我刚刚从google 里发现的，感觉非常好，在这儿要非常感谢这位网友，以后我会经常使用这个方法。 &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62; &#60;title&#62;CSS清除浮动&#60;/title&#62; &#60;style type=&#34;text/css&#34;&#62; &#160; *&#123;margin:0;padding:0;&#125; body&#123;font:36px bold; color:#F00; text-align:center;&#125; #layout&#123;background:#FF9;overflow:auto;zoom:1;&#125; #left&#123;float:left;width:20%;height:200px;background:#DDD;line-height:200px;&#125; #right&#123;float:right;width:30%;height:80px;background:#DDD;line-height:80px;&#125; &#160; &#60;/style&#62; &#60;/head&#62; &#160; &#60;body&#62; &#160; &#60;div id=&#34;layout&#34;&#62; &#60;div id=&#34;left&#34;&#62;Left&#60;/div&#62; &#60;div id=&#34;right&#34;&#62;Right&#60;/div&#62; &#60;/div&#62; &#60;/body&#62; &#60;/html&#62; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/03/16/css%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 层最小高度的全兼容写法</title>
		<link>http://www.yaoyingying.com/2010/02/25/css-%e5%b1%82%e6%9c%80%e5%b0%8f%e9%ab%98%e5%ba%a6%e7%9a%84%e5%85%a8%e5%85%bc%e5%ae%b9%e5%86%99%e6%b3%95/</link>
		<comments>http://www.yaoyingying.com/2010/02/25/css-%e5%b1%82%e6%9c%80%e5%b0%8f%e9%ab%98%e5%ba%a6%e7%9a%84%e5%85%a8%e5%85%bc%e5%ae%b9%e5%86%99%e6%b3%95/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 07:27:55 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=773</guid>
		<description><![CDATA[min-height:50px; _height:expression&#40;this.height &#38;lt; 50? &#34;auto&#34; : &#34;50px&#34;&#41;;]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/02/25/css-%e5%b1%82%e6%9c%80%e5%b0%8f%e9%ab%98%e5%ba%a6%e7%9a%84%e5%85%a8%e5%85%bc%e5%ae%b9%e5%86%99%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript图片横向平滑切换效果</title>
		<link>http://www.yaoyingying.com/2009/08/06/javascript%e5%9b%be%e7%89%87%e6%a8%aa%e5%90%91%e5%b9%b3%e6%bb%91%e5%88%87%e6%8d%a2%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/08/06/javascript%e5%9b%be%e7%89%87%e6%a8%aa%e5%90%91%e5%b9%b3%e6%bb%91%e5%88%87%e6%8d%a2%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 01:25:31 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[图片横向平滑]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=555</guid>
		<description><![CDATA[]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/06/javascript%e5%9b%be%e7%89%87%e6%a8%aa%e5%90%91%e5%b9%b3%e6%bb%91%e5%88%87%e6%8d%a2%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript+css 新闻滑轮显示</title>
		<link>http://www.yaoyingying.com/2009/07/21/javascript-css-%e6%96%b0%e9%97%bb%e6%bb%91%e8%bd%ae%e6%8d%a2%e6%98%be%e7%a4%ba/</link>
		<comments>http://www.yaoyingying.com/2009/07/21/javascript-css-%e6%96%b0%e9%97%bb%e6%bb%91%e8%bd%ae%e6%8d%a2%e6%98%be%e7%a4%ba/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 04:49:49 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[代码人生]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css轮换显示]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=481</guid>
		<description><![CDATA[Javascript+CSS 经典效果, 新闻滑轮显示. 效果2张: 代码: &#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34; &#34;http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd&#34;&#62; &#60;html&#62; &#60;head&#62; &#60;title&#62;绝对经典的滑轮新闻显示 (javascript+css)&#60;/title&#62; &#60;meta http-equiv=Content-Type content=&#34;text/html; charset=gb2312&#34;&#62; &#60;style type=&#34;text/css&#34;&#62; &#60;!-- *{padding:0; margin:0} img{border:0; display:block;} BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center } .dis { DISPLAY: [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/07/21/javascript-css-%e6%96%b0%e9%97%bb%e6%bb%91%e8%bd%ae%e6%8d%a2%e6%98%be%e7%a4%ba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

