<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
 <channel>
  <title>千沉笔记︱DIV+CSS进阶及优化 |</title>
  <link>http://qann.blogbus.com</link>
  <description><![CDATA[DIV+CSS基础巩固、进阶学习。平面及JS。]]></description>
  <generator> by blogbus.com </generator>
  <lastBuildDate>Thu, 01 Jan 1970 07:00:00 +0700</lastBuildDate>
  <image>
									<url>http://public.blogbus.com/profile/3/2/4/1479423/avatar_1479423_96.jpg</url>
									<title>千沉笔记︱DIV+CSS进阶及优化 |</title>
									<link>http://qann.blogbus.com</link>
								</image>  <item>
   <title>在网页中插入.swf(即flash文件）代码</title>
   <description><![CDATA[&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="890" height="130"&gt;<br />&nbsp; &lt;param name="movie" value="images/zz.swf"&gt;...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43424486.html">CSS实例(2)：让div层垂直居中于浏览器</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/48376652.html</link>
   <author>千沉</author>
   <pubDate>Wed, 14 Oct 2009 14:33:52 +0800</pubDate>
  </item>
  <item>
   <title>DIV+CSS基础知识备忘录</title>
   <description><![CDATA[<p>1.block与inline元素的特点区别：<br />block：总是在新行上开始，高、宽、行高、边距都可控制（块元素）；<br />inline：和其他元素在一行上，不可控制（内嵌元素）。<br /></p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43431146.html">CSS实例(3)：打造纯CSS完美圆角</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43495769.html</link>
   <author>千沉</author>
   <pubDate>Tue, 04 Aug 2009 15:20:43 +0800</pubDate>
  </item>
  <item>
   <title>CSS实例(5)：新闻列表1——标题+时间/作者/栏目</title>
   <description><![CDATA[HTML-------------------------------------------------------<br />&lt;div class="text"&gt;<br />&nbsp;&nbsp;&nbsp; &lt;ul&gt;&lt;li&gt;&lt;span class="bt"&gt;&lt;a href="#"&gt;这是一个新闻标题&lt;/a&gt;&lt;/span&gt;&lt;span class="sj"&gt;&lt;a href="#"&gt;2009-...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43424486.html">CSS实例(2)：让div层垂直居中于浏览器</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43494879.html</link>
   <author>千沉</author>
   <pubDate>Tue, 04 Aug 2009 15:13:43 +0800</pubDate>
  </item>
  <item>
   <title>CSS实例(4)：用CSS控制标题字数</title>
   <description><![CDATA[标题字数不光是程序可以控制，而且也可以用CSS控制，以下是具体写法：<br />CSS------------------<br />.text{width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; course:hand; margin:0 auto;}<br /><br />
HTML----------------------<br />&lt;div class="text"&gt;非常多的字数你...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43424486.html">CSS实例(2)：让div层垂直居中于浏览器</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43480454.html</link>
   <author>千沉</author>
   <pubDate>Tue, 04 Aug 2009 10:19:59 +0800</pubDate>
  </item>
  <item>
   <title>CSS实例(3)：打造纯CSS完美圆角</title>
   <description><![CDATA[纯CSS圆角，真的是很完美，方法也很简单，并且自己可以随意改变圆角弧度大小。<br />HTML------------------------------------------------------------------------------<br />&lt;div id="all"&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b class="r1"&gt;&lt;/b&gt;<br />&nbsp;&nbsp;&nb...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43495769.html">DIV+CSS基础知识备忘录</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43431146.html</link>
   <author>千沉</author>
   <pubDate>Mon, 03 Aug 2009 11:47:39 +0800</pubDate>
  </item>
  <item>
   <title>CSS基础：点击文字链接后hover样式不失效</title>
   <description><![CDATA[&nbsp;&nbsp;&nbsp; 遇到被点击访问过的超链接样式不具有hover和active了，解决方法是改变CSS属性的排列顺序：L-V-H-A！<br />&nbsp;&nbsp;&nbsp; a:link{color:#000000;}<br />&nbsp;&nbsp;&nbsp; a:visited{color:#ff6600;}<br />&nbsp;&nbsp;&nbsp; a:hover{color:#cccccc;}<br />&nbsp;&nbsp;&nbsp; a:acti...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43424486.html">CSS实例(2)：让div层垂直居中于浏览器</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43425612.html</link>
   <author>千沉</author>
   <pubDate>Mon, 03 Aug 2009 10:15:41 +0800</pubDate>
  </item>
  <item>
   <title>CSS实例(2)：让div层垂直居中于浏览器</title>
   <description><![CDATA[<p>div层垂直居中于浏览器的有效解决办法，解决思路：<br />1.绝对定位；<br />2.层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以2。<br />以下以一个宽600，高400为大小的层为例。<br /><br />CSS:-----------------------------------------------------------------<br />#all{width:600px; <br />&nbsp;&nbsp;&nbsp;&nbsp;&amp;...</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div><div><a href="http://qann.blogbus.com/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43424486.html</link>
   <author>千沉</author>
   <pubDate>Mon, 03 Aug 2009 09:46:22 +0800</pubDate>
  </item>
  <item>
   <title>JS实例(1)：鼠标经过换图片</title>
   <description><![CDATA[&nbsp;&nbsp;&nbsp; 当鼠标经过图片时，切换成另外一张图片，鼠标移出时换为原图&hellip;&hellip;<br />&nbsp;&nbsp;&nbsp; Html：-------------------------------------------------------------<br />&nbsp;&nbsp;&nbsp; &lt;a href="#"&gt;&lt;img border="0" alt="welcome to my blog" src="images...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43220515.html">CSS实例(1)：鼠标经过图片时背景变颜色(/产生边框)</a> 2009-07-30</div><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43221820.html</link>
   <author>千沉</author>
   <pubDate>Thu, 30 Jul 2009 16:54:05 +0800</pubDate>
  </item>
  <item>
   <title>CSS实例(1)：鼠标经过图片时背景变颜色(/产生边框)</title>
   <description><![CDATA[&nbsp;&nbsp;&nbsp; 具体效果：当鼠标移到图片上去时，图片周围会产生边框，确切地说是背景颜色发生改变。<br />&nbsp;&nbsp;&nbsp; HTML: ----------------------------------------------------------------------<br />&nbsp;&nbsp;&nbsp; &lt;div class="live"&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&gt;&l...<!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://qann.blogbus.com/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div><div><a href="http://qann.blogbus.com/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="http://qann.blogbus.com/logs/43494879.html">CSS实例(5)：新闻列表1——标题+时间/作者/栏目</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43480454.html">CSS实例(4)：用CSS控制标题字数</a> 2009-08-04</div><div><a href="http://qann.blogbus.com/logs/43425612.html">CSS基础：点击文字链接后hover样式不失效</a> 2009-08-03</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43220515.html</link>
   <author>千沉</author>
   <pubDate>Thu, 30 Jul 2009 15:27:00 +0800</pubDate>
  </item>
  <item>
   <title>JS写在哪里？——Javascript应用于Html的三种途径</title>
   <description><![CDATA[<p>Javascript写在哪里？概括起来就是三种形式：<br />1. 内部：Html网页的&lt;body&gt;&lt;/body&gt;中；<br />2. 内部：Html网页的&lt;head&gt;&lt;/head&gt;中；<br />3. 外部：外部JS文件里。<br /><br />(1) Javascript写在&lt;body&gt;&lt;/body&gt;中<br />当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。...</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="/logs/48376652.html">在网页中插入.swf(即flash文件）代码</a> 2009-10-14</div><div><a href="/logs/43495769.html">DIV+CSS基础知识备忘录</a> 2009-08-04</div><div><a href="/logs/43431146.html">CSS实例(3)：打造纯CSS完美圆角</a> 2009-08-03</div><div><a href="/logs/43221820.html">JS实例(1)：鼠标经过换图片</a> 2009-07-30</div><div><a href="/logs/40901699.html">IE6 IE7 FF浏览器兼容问题完美解决方案</a> 2009-06-12</div></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://qann.blogbus.com/logs/43200080.html</link>
   <author>千沉</author>
   <pubDate>Thu, 30 Jul 2009 11:28:05 +0800</pubDate>
  </item>
 </channel>
</rss>
