﻿<?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; 前端技术</title>
	<atom:link href="http://www.yaoyingying.com/category/divcss/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/05/03/css-%e5%ad%a6%e4%b9%a0%e5%bf%83%e5%be%97/</link>
		<comments>http://www.yaoyingying.com/2010/05/03/css-%e5%ad%a6%e4%b9%a0%e5%bf%83%e5%be%97/#comments</comments>
		<pubDate>Mon, 03 May 2010 12:56:01 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=852</guid>
		<description><![CDATA[最近想写一些关于学习CSS 的文章，但是一直不知道如何入手，提纲把，google 一下到处都是，而且都差不多，我想整个别具一格的，但是到最后还是落入俗套，算了吧，俗就俗把，但求内容不俗。 这是作者编写的一个关于 CSS 的学习指南，作者将他多年在CSS工作实践中得到的经验在这儿分享给每一位读者。文章所写的都是作者在CSS编写过程中的真切感受和折中解决方案，希望读 者们能够喜欢。 一方面来说，作者认为自己的CSS编程已经上升到一定的高度了，当然可能在一些大虾面前只是班门弄斧，但是作者还是将它写了出来，作者自己认为这些 都是一下很好的理解和观点，希望能对大家有所帮助，从而少走弯路。 另一面，作者希望这儿能成为一个交流的媒介，高手可以留些你们更高深的见解，新手也可以留下你们的疑惑。当然我也可以从中得到学习。 地址是：http://learncss.lunarvill.com/ 不断更新中。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/05/03/css-%e5%ad%a6%e4%b9%a0%e5%bf%83%e5%be%97/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网页开发必备的 firefox 插件</title>
		<link>http://www.yaoyingying.com/2010/04/28/%e7%bd%91%e9%a1%b5%e5%bc%80%e5%8f%91%e5%bf%85%e5%a4%87%e7%9a%84-firefox-%e6%8f%92%e4%bb%b6/</link>
		<comments>http://www.yaoyingying.com/2010/04/28/%e7%bd%91%e9%a1%b5%e5%bc%80%e5%8f%91%e5%bf%85%e5%a4%87%e7%9a%84-firefox-%e6%8f%92%e4%bb%b6/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 13:24:54 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=850</guid>
		<description><![CDATA[1，首先是 firebug，我想再熟悉不过了，用它来调试 CSS，JavaScript 真的是说不出来的方便。我想我CSS 的成就多数是多亏了这个插件。 2，colorzilla 可以直接从网页里吸取颜色，敢接很方便。至少我这样觉得。 3，measureid，激活后可以尺量页面里盒子的大小，对于页面布局时尺量大小很好用。 这是这么多年来我锲而不舍的3个插件，也是我经常推荐给朋友。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/04/28/%e7%bd%91%e9%a1%b5%e5%bc%80%e5%8f%91%e5%bf%85%e5%a4%87%e7%9a%84-firefox-%e6%8f%92%e4%bb%b6/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=&#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>Font-family 兼容设置</title>
		<link>http://www.yaoyingying.com/2010/03/13/font-family-%e5%85%bc%e5%ae%b9%e8%ae%be%e7%bd%ae/</link>
		<comments>http://www.yaoyingying.com/2010/03/13/font-family-%e5%85%bc%e5%ae%b9%e8%ae%be%e7%bd%ae/#comments</comments>
		<pubDate>Sun, 14 Mar 2010 04:15:34 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[Font-family]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=791</guid>
		<description><![CDATA[google 里看到了很多人关于font-family 字体顺序的兼容性设置。都是有心人，在此也收录一下别人的研究成果 font-family: Tahoma, Helvetica, Arial, sans-serif; Tahoma 系的中性字体。推荐使用在13px以上的环境。 font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; Verdana 系的宽扁字体。推荐在11px以下环境使用。 正对 linux 桌面系统，font-family 的属性设置： 而这儿我想说的是，一般中文网站，大家都会吧 中文字体 放在font-family 属性的第一个，然后紧接着写英文字体，我几次测试后发现中文字体放第一位，在linux 下，英文字不能被渲染，即使你所这只的那些字体linux 里都用，后来我吧中文字体写在最后一个，就没有问题了，但是windows下又不正常，windows 需要把中文字体放在第一位，不然就会出现 IE8 里中英文字体高度不一的问题。 所以也就只能这样了，在windows 下，将中文字体设置在第一位，但是不能直接写字体中文名,比如“宋体”，“黑体”，应该写成 “simsun”，或“simhei”，正对linux 系统，需要将中文字体写在最后一个，这儿可以写成“宋体”，“黑体”，因为这儿不会有 IE 浏览器。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/03/13/font-family-%e5%85%bc%e5%ae%b9%e8%ae%be%e7%bd%ae/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 Runcode</title>
		<link>http://www.yaoyingying.com/2010/02/03/javascript-runcode/</link>
		<comments>http://www.yaoyingying.com/2010/02/03/javascript-runcode/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 05:05:07 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[runcode]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=760</guid>
		<description><![CDATA[代码预览器 &#60;HTML&#62; &#60;HEAD&#62; &#60;TITLE&#62;代码预览器&#60;/TITLE&#62; &#60;META http-equiv=Content-Type content=&#34;text/html; charset=gb2312&#34;&#62; &#60;SCRIPT language=JavaScript&#62; var currentpos,timer; function initialize() { timer=setInterval(&#34;scrollwindow()&#34;,50); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize &#60;/SCRIPT&#62; &#160; &#60;/HEAD&#62; &#160; &#60;BODY&#62; &#160; &#60;h1 align=&#34;center&#34;&#62;代码预览器&#60;/h1&#62; &#60;HR SIZE=1&#62; &#160; &#60;P align=&#34;center&#34;&#62;&#60;TEXTAREA id=&#34;p&#34; onfocus=&#34;this.select()&#34; onKeyDown=&#34;submitCode()&#34; name=&#34;p&#34; rows=&#34;30&#34; cols=&#34;100&#34;&#62;&#60;/TEXTAREA&#62;&#60;/P&#62; &#60;p [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/02/03/javascript-runcode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE8 里中英文字体高度不一样</title>
		<link>http://www.yaoyingying.com/2010/01/26/ie8-%e9%87%8c%e4%b8%ad%e8%8b%b1%e6%96%87%e5%ad%97%e4%bd%93%e9%ab%98%e5%ba%a6%e4%b8%8d%e4%b8%80%e6%a0%b7/</link>
		<comments>http://www.yaoyingying.com/2010/01/26/ie8-%e9%87%8c%e4%b8%ad%e8%8b%b1%e6%96%87%e5%ad%97%e4%bd%93%e9%ab%98%e5%ba%a6%e4%b8%8d%e4%b8%80%e6%a0%b7/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 08:49:28 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=753</guid>
		<description><![CDATA[很多时候会设置字体为“宋体”，就像下图中一开始设置的一样，这样的设置在ie8之前的浏览器都没有问题，在其他浏览器（Firefox，opera&#8230;）也都没有问题，但是在IE8里就怪了，出现下面的情况，数字，非中文字符，英文都会比中文高出一点，而且字体越大，差异越明显。我想，这或许是IE8的一个bug。 网上查了有人说可以吧中文的“宋体”写成“simsun”，我试过了，可以的。 font-family:&#8221;simsun&#8221;,serif; 后来我看了网易得做法： font-family:\5B8B\4F53,Arial Narrow,arial,serif; 这样挺好，正常了。到底是大网站 head里竟然还用这个“&#60;meta http-equiv=&#8221;X-UA-Compatible&#8221; content=&#8221;IE=EmulateIE7&#8243; /&#62;” 学习的同时顺便鄙视一下。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/01/26/ie8-%e9%87%8c%e4%b8%ad%e8%8b%b1%e6%96%87%e5%ad%97%e4%bd%93%e9%ab%98%e5%ba%a6%e4%b8%8d%e4%b8%80%e6%a0%b7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>针对IE6,IE7,IE8和firefox浏览器css hack</title>
		<link>http://www.yaoyingying.com/2009/11/22/%e9%92%88%e5%af%b9ie6-ie7-ie8%e5%92%8cfirefox%e6%b5%8f%e8%a7%88%e5%99%a8css-hack/</link>
		<comments>http://www.yaoyingying.com/2009/11/22/%e9%92%88%e5%af%b9ie6-ie7-ie8%e5%92%8cfirefox%e6%b5%8f%e8%a7%88%e5%99%a8css-hack/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 07:48:51 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[ie7]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=707</guid>
		<description><![CDATA[针对样式名 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html&#62;/**/body .head{color:#000;} 如果只是不让ie6看见用html&#62;body .head{color:#000;} 即对IE 6无效 如果只是不让ff、IE8看见用*body .head{color:#000;}    即对ff、IE8无效 针对具体属性 如果只让ie6看见用_     .head{_color:#000;} 如果只让ie7看见用+与_结合的方法:     .head{+color:#f00;!;_color:#000;} IE8正式版hack \9″　例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox. “*”　IE6、IE7可以识别.IE8、FireFox不能. “_”　IE6可以识别”_”,IE7、IE8、FireFox不能. 如： .a {color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; } 从左到右分别对应 FF,IE8 IE7 IE6]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/11/22/%e9%92%88%e5%af%b9ie6-ie7-ie8%e5%92%8cfirefox%e6%b5%8f%e8%a7%88%e5%99%a8css-hack/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQUERY 隐藏页面无连接图片</title>
		<link>http://www.yaoyingying.com/2009/09/25/jquery-%e9%9a%90%e8%97%8f%e9%a1%b5%e9%9d%a2%e6%97%a0%e8%bf%9e%e6%8e%a5%e5%9b%be%e7%89%87/</link>
		<comments>http://www.yaoyingying.com/2009/09/25/jquery-%e9%9a%90%e8%97%8f%e9%a1%b5%e9%9d%a2%e6%97%a0%e8%bf%9e%e6%8e%a5%e5%9b%be%e7%89%87/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 10:04:56 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=680</guid>
		<description><![CDATA[列遍检查网页所有 ，发现SRC属性为空的，将该图片隐藏。 &#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; dir=&#34;ltr&#34; lang=&#34;en-EN&#34;&#62; &#60;head&#62; &#60;script src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=UTF-8&#34; /&#62; &#60;title&#62;No display images without src value&#60;/title&#62; &#60;/head&#62; &#60;body&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(function() { var pic_len = $(&#34;img&#34;).length; &#160; var i = 0; // for(i=0; i&#60;pic_len; i++){ //alert($(&#34;img&#34;).eq(i).attr(&#34;src&#34;)); if($(&#34;img&#34;).eq(i).attr(&#34;src&#34;) == &#34;&#34;){ $(&#34;img&#34;).eq(i).css({ &#34;display&#34;: &#34;none&#34;}); [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/09/25/jquery-%e9%9a%90%e8%97%8f%e9%a1%b5%e9%9d%a2%e6%97%a0%e8%bf%9e%e6%8e%a5%e5%9b%be%e7%89%87/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript 获取 URL 参数</title>
		<link>http://www.yaoyingying.com/2009/09/20/javascript-%e8%8e%b7%e5%8f%96-url-%e5%8f%82%e6%95%b0/</link>
		<comments>http://www.yaoyingying.com/2009/09/20/javascript-%e8%8e%b7%e5%8f%96-url-%e5%8f%82%e6%95%b0/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 15:17:35 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=668</guid>
		<description><![CDATA[function getArgs&#40; &#41; &#123; var args = new Object&#40; &#41;; var query = location.search.substring&#40;1&#41;; // Get query string var pairs = query.split&#40;&#34;&#38;&#34;&#41;; // Break at ampersand for&#40;var i = 0; i &#60; pairs.length; i++&#41; &#123; var pos = pairs&#91;i&#93;.indexOf&#40;'='&#41;; // Look for &#34;name=value&#34; if &#40;pos == -1&#41; continue; // If not found, skip var argname [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/09/20/javascript-%e8%8e%b7%e5%8f%96-url-%e5%8f%82%e6%95%b0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
