﻿<?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>Everything you have seen here has been an illusion!</description>
	<lastBuildDate>Mon, 26 Jul 2010 05:17:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<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=&#8221;clear:both;&#8221;&#62;&#60;/div&#62; 清除一下浮动即可，这也是我用的最多的方法。这儿是用的 DIV，wordpress 模板里很多人用的 HR。个人认为没有什么区别，可能就是少几个字母吧。 另一个方法是我刚刚从google 里发现的，感觉非常好，在这儿要非常感谢这位网友，以后我会经常使用这个方法。 &#160; &#60;style type=&#34;text/css&#34;&#62; &#160; *{margin:0;padding:0;} body{font:36px bold; color:#F00; text-align:center;} #layout{background:#FF9;overflow:auto;zoom:1;} #left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;} #right{float:right;width:30%;height:80px;background:#DDD;line-height:80px;} &#160; &#60;/style&#62; &#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; &#160; &#60;p&#62;http://www.kuqin.com/webpagedesign/20090531/54090.html&#60;/p&#62; 在父层里加了这2个属性 overflow:auto;zoom:1;，前一个将层撑开，后一个是解决IE6 里层边框断裂的问题。]]></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[前端技术]]></category>
		<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[图片横向轮转（平滑）效果： 图片左右翻转…… HTML 代码： &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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=gb2312&#34; /&#62; &#60;title&#62;ImagesRoll&#60;/title&#62; &#60;link rel=&#34;stylesheet&#34; href=&#34;css/imagesroll.css&#34; /&#62; &#60;/head&#62; &#60;body&#62; &#60;div style=&#34;text-align:center;&#34;&#62; &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34; src=&#34;js/prototype.js&#34;&#62;&#60;/script&#62; &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34; src=&#34;js/effects.js&#34;&#62;&#60;/script&#62; &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34; src=&#34;js/glider.js&#34;&#62;&#60;/script&#62; &#60;div class=&#34;imagesroll&#34; id=&#34;my-glider&#34;&#62; &#60;div class=&#34;scroller&#34;&#62; &#60;div class=&#34;content&#34;&#62; &#60;div class=&#34;section&#34; id=&#34;section1&#34;&#62; &#60;p&#62;&#60;a href=&#34;#&#34; target=&#34;_blank&#34;&#62;&#60;img alt=&#34;姓名&#34; [...]]]></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[前端技术]]></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>
