<?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; html</title>
	<atom:link href="http://www.yaoyingying.com/tag/html/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>JavaScript 固定浮动层</title>
		<link>http://www.yaoyingying.com/2010/12/14/javascript-fixed-sheet/</link>
		<comments>http://www.yaoyingying.com/2010/12/14/javascript-fixed-sheet/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 06:34:53 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1334</guid>
		<description><![CDATA[id： 你要滚动的内容的id l： 横坐标的位置 不写为紧贴右边 t： 你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f： 1表示固定 不写或者0表示滚动 实际上是google来别人的程序，都互相转载，也不知道谁是原创。 我在原来的基础上加了一个关闭浮动层的按钮的function。 &#60;img onclick=&#34;div_hide('aa');return false;&#34; src=&#34;#&#34; alt=&#34;#&#34; /&#62; 使用onclick事件，aa 就是要关闭的层的ID。 &#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=gbk&#34; /&#62; &#60;title&#62;底边浮动广告&#60;/title&#62; &#60;/head&#62; &#60;body&#62;&#60;div style=&#34;width:100%;height:1500px; background:#fff&#34;&#62;&#60;/div&#62; &#60;style type=&#34;text/css&#34;&#62; #aa {width:300px;height:200px; border:#9DC3D1 solid 1px; position:relative;} .div_close {position:absolute; right:5px; top:5px; height:20px; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/12/14/javascript-fixed-sheet/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<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>HTML Mailto 用法</title>
		<link>http://www.yaoyingying.com/2009/07/22/html-mailto-%e7%94%a8%e6%b3%95/</link>
		<comments>http://www.yaoyingying.com/2009/07/22/html-mailto-%e7%94%a8%e6%b3%95/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 00:08:39 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[mailto]]></category>
		<category><![CDATA[示例]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=485</guid>
		<description><![CDATA[HTML mailto 语法 前面讲了HTML 邮件链接,现在我再进一步讲解一下mailto的用法. mailto四个常用的参数 subject &#8211; 代表邮件的标题 body &#8211; 代表邮件的内容 cc &#8211; 代表一个抄送对象 bcc &#8211; 代表一个暗送对象 mailto语法 mailto:URL?参数1=内容&#38;amp;参数2=内容&#38;amp;参数3=内容 通过”&#38;”符号,可以连接多个条件. mailto示例 mailto:yao@163.com?subject=草窟人生 定义了邮件的标题为草堂网页设计 mailto:yao@163.com?subject=HTML&#38;amp;body=草堂网页设计 定义了邮件的标题为草堂网页设计与内容为草堂网页设计 mailto:yao@163.com?cc=yao@sina.com&#38;amp;bcc=yao@gmail.com 定义了邮件的抄送对象为yao@sina.com,邮件的暗送对象为yao@gmail.com]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/07/22/html-mailto-%e7%94%a8%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS模拟html的&#039;title&#039;和&#039;alt&#039;的提示效果</title>
		<link>http://www.yaoyingying.com/2009/07/17/css%e6%a8%a1%e6%8b%9fhtml%e7%9a%84title%e5%92%8calt%e7%9a%84%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/07/17/css%e6%a8%a1%e6%8b%9fhtml%e7%9a%84title%e5%92%8calt%e7%9a%84%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 04:20:30 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[alt]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[title]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=472</guid>
		<description><![CDATA[&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd&#34;&#62; &#160; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#160; &#60;head&#62; &#160; &#60;title&#62;超链接鼠标移上去提示-css模拟title和alt的提示效果&#60;/title&#62; &#160; &#60;style&#62; &#160; .info &#123;position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;&#125; &#160; .info:hover &#123;background:#eee;color:#333;&#125; &#160; .info span &#123;display: none &#125; &#160; .info:hover span &#123;display:block;position:absolute;top:30px;left:60px;width:130px; &#160; border:1px solid #ff0000; background:#fff; color:#000;padding:5px;text-align:left;&#125; &#160; &#60;/style&#62; &#160; &#60;/head&#62; &#160; &#60;body&#62; &#160; &#60;a class='info' href=&#34;http://www.domain.net&#34;&#62;http://www.domain.net&#60;span&#62;css-特效展示，有实例参考哦-我们学习网欢迎大家来学习&#60; /span&#62;&#60;/a&#62; &#160; &#60;a [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/07/17/css%e6%a8%a1%e6%8b%9fhtml%e7%9a%84title%e5%92%8calt%e7%9a%84%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

