<?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>Dansion&#039;s 日志 &#187; xhtml+css</title>
	<atom:link href="http://www.dansion.com/blog/category/xhtmlcss/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dansion.com/blog</link>
	<description>学无止境～～～～～～～</description>
	<lastBuildDate>Thu, 29 Sep 2011 09:25:36 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>又一个可用的CSS HACK</title>
		<link>http://www.dansion.com/blog/xhtmlcss/csshack.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/csshack.html#comments</comments>
		<pubDate>Tue, 07 Apr 2009 22:55:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/?p=112</guid>
		<description><![CDATA[长时间写AS代码之后，养成良好习惯，每行代码结束随手输入&#8221;;&#8221;,无意中在在整CSS时也顺便在&#8221;}&#8221;之后敲了个&#8221;;&#8221;,变态是整个CSS文件也仅仅只是多敲了这么一个.于是乎在firefox,chorm,opera测试页面时无论如何也不能和IE一致。经过一番&#8230;&#8230;
IE7,IE6包括IE5.5都支持 样式结束之后&#8221;;&#8221;号码,IE8以及firefox,chorm,opera在解晰CSS会让&#8221;;&#8221;号之后的单个样式类无效．
.classA{color:#f00;}/*IE8,firefox,chorm,opera*/
;.classA{color:#000;}/*IE7,IE6,IE5.5*/
这种方式在CSS测试中不能给在&#8221;;&#8221;增加注释代码．
.classA{color:#f00;}/*IE8,firefox,chorm,opera*/
{};.classA{color:#000;}/*IE7,IE6,IE5.5*/
虽然方式在开发中不值的推荐，但对一些原来网站要做IE8,firefox,chorm,opera做兼容性调整，在CSS中完全可以在原来的CSS前面再增加一个同名的样式类来设定对IE8,firefox,chorm,opera的支又不影响原来IE7或之前版本的。看来这样hack还是有一定价值的。
.classA{};classA{}
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/csshack.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dreamweaver的svn插件subWeaver</title>
		<link>http://www.dansion.com/blog/xhtmlcss/dreamweaver-svn-subweaver.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/dreamweaver-svn-subweaver.html#comments</comments>
		<pubDate>Wed, 07 May 2008 09:05:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/47</guid>
		<description><![CDATA[subWeaver,一个仅几K的小插件，可以在dreamweaver操作常用的SVN功能。不足之处就是在文件图标上没有什么变化。以下是开源项目的地址。http://sourceforge.net/projects/subweaver/点这里下载下载后把扩展名改为:mxp,双击即可运行Extension&#160;Manager安装。
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/dreamweaver-svn-subweaver.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>IE中 命名锚记 和FLASH的问题！</title>
		<link>http://www.dansion.com/blog/xhtmlcss/ie-anchor-flash.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/ie-anchor-flash.html#comments</comments>
		<pubDate>Fri, 28 Mar 2008 10:05:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/41</guid>
		<description><![CDATA[当一个html页面用了锚记#去定位页面位置后，如果页面还包括FLASH，当用户已触发一次锚写后，再点击FLASH，会将该页的标题栏变成锚记的内容，IE6与IE7都有这个问题。测试方法：随便找一个有FLASH的网页，在URL后加上一个#号，再点击FLASH，标题将变成#.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/ie-anchor-flash.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>关于CSS3</title>
		<link>http://www.dansion.com/blog/xhtmlcss/about-css3.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/about-css3.html#comments</comments>
		<pubDate>Fri, 07 Mar 2008 15:19:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[CSS3预览]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/38</guid>
		<description><![CDATA[在微软向W3C靠扰的时候,以及IE8的出现,我想以后IE的更新速度一定会加快.对于CSS3的支持也是迟早的事.而火狐(FF)在中国网络上的的广告攻势也不能小视.部份CSS3的特性,FF已经支持了,像圆角之特别有用的新特性.&#60;br/&#62;从网上收集的资料看,大至上有以下一些特性,我们可以用Firefox,&#160;Konqueror,&#160;Opera&#160;or&#160;Safari/Webkit.去看看效果.&#60;br/&#62;&#60;br/&#62;&#60;ul&#62;&#60;li&#62;边框(border-color,border-image&#160;,border-radius&#160;,box-shadow&#160;)&#60;/li&#62;&#60;li&#62;背景(background-origin,background-clip,background-size,multiple&#160;backgrounds)&#60;/li&#62;&#60;li&#62;颜色(HSL&#160;colors&#160;,HSLA&#160;colors&#160;,opacity&#160;,RGBA&#160;colors&#160;)&#60;/li&#62;&#60;li&#62;文本特效Text&#160;effects(text-shadow,text-overflow,word-wrap)&#60;/li&#62;&#60;li&#62;界面(box-sizing,resize&#160;outline&#160;)&#60;/li&#62;&#60;li&#62;选择器Selectors&#60;/li&#62;&#60;li&#62;其它(media&#160;queries,multi-column&#160;layout,,speech)&#60;/li&#62;&#60;li&#62;继续&#8230;&#8230;&#60;/li&#62;&#60;/ul&#62;CSS3的特性在(FF)以及webkit等其它浏览器都不是以标准的语法去表示,&#60;br/&#62;FireFox则会在标准语法加(-moz-)，webkit则加(-webkit-).&#60;br/&#62;
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/about-css3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 8测式版出来了</title>
		<link>http://www.dansion.com/blog/xhtmlcss/internet-explorer8-bate.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/internet-explorer8-bate.html#comments</comments>
		<pubDate>Thu, 06 Mar 2008 14:35:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/37</guid>
		<description><![CDATA[IE8终于出来了!完装后重启,IE7和IE8模式可以并存.官方地址http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx做了简单测试.新问题图片标签没有设定长宽的情况下，设定float:left;图片会消失。对网站文本进行选取，出现文字不可见。html标签在不设高度情况，如果汉字行高设为奇数，会使外html标签增高一像素。不支list-style-image；奇怪了。改进从IE7开始大部份标签开始支持伪类:hover,现在IE8开始支持伪类:focus;(复选框不支持);继续测试中&#8230;..
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/internet-explorer8-bate.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE中z-index层叠失效</title>
		<link>http://www.dansion.com/blog/xhtmlcss/z-index-for-ie.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/z-index-for-ie.html#comments</comments>
		<pubDate>Mon, 03 Mar 2008 15:34:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/36</guid>
		<description><![CDATA[最近在制作HTML页面,很多两列的地方需要一侧因定宽度,另一侧自适应宽度.当需要一个下拉菜单效果时,无论把z-index的值设为多高,菜单的DIV始终不在页面最顶层.HTML
&#60;div&#160;class=&#34;a&#34;&#62;a&#160;&#60;div&#160;class=&#34;menu&#34;&#62;sub&#160;a&#60;/div&#62;&#60;/div&#62;&#60;div&#160;class=&#34;b&#34;&#62;b&#60;/div&#62;
CSS
.a&#160;{position:relative;background:#f00;}.menu{position:absolute;background:#0ff;height:50px;z-index:99;}.b&#160;{position:relative;background:#ff0;}
以上是页面代码,menu的z-index已设为99,但在IE6,IE7中DIV[menu]始终在div的下面.只能通加设置div[a]的z-index的值来提升级div[menu]层叠高度,但在火狐中无需设置.可以看出IE对层叠顺序的继承性比火孤要严格的多.但本人觉火孤的方式接近设计者的意图.虽然对IE和火狐对CSS不同解析深恶痛绝,也只能感到无奈.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/z-index-for-ie.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>IE6中textarea宽度问题!</title>
		<link>http://www.dansion.com/blog/xhtmlcss/textarea-for-ie6.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/textarea-for-ie6.html#comments</comments>
		<pubDate>Thu, 28 Feb 2008 16:26:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[textarea]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/33</guid>
		<description><![CDATA[textarea设了100%宽度,起初在IE,FIREFOX都正常显示.但在IE里只要输入文字就会自动增宽.解决方法:在textarea外再加一个100%宽的div.哎,又是一个BUG.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/textarea-for-ie6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mark of the web</title>
		<link>http://www.dansion.com/blog/xhtmlcss/mark-of-the-web.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/mark-of-the-web.html#comments</comments>
		<pubDate>Wed, 27 Feb 2008 15:20:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/32</guid>
		<description><![CDATA[用了N年的Dreanweaver,一直没注意在菜单&#34;命令&#34;最下面有一个插入Mark&#160;of&#160;the&#160;web(也不知道Dreanweaver&#160;cs3之前版本有没有),什么是Mark&#160;of&#160;the&#160;web?最后在微软的MSDN上找到相关资料,是安全设置.在用户把网页另存到本机,再打开时,限制执行脚本,ActiveX控件。简称(MOTW).具体的格式：
&#60;!&#8211;&#160;saved&#160;from&#160;url=(URL长度)URL地址&#160;&#8211;&#62;
其中URL长度以四位表示，URL地址是所在的域，URL长度要和URL地址的字符长度一致。当不知道URL地址时可以用以下通用格式。表示在internet.
&#60;!&#8211;&#160;saved&#160;from&#160;url=(0014)about:internet&#160;&#8211;&#62;
不过对IE7好像没什么作用。windows&#160;xp2&#160;之后，IE对本地执行js脚本都会有安全提示功能。火狐等它浏览器应该是不买微软这个帐的。总得来说没啥作用。搞了这么多年的网页，这个东西算是旮旯级的东西。
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/mark-of-the-web.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLash在Firefox中100%高度问题</title>
		<link>http://www.dansion.com/blog/xhtmlcss/flash-in-firefox-height.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/flash-in-firefox-height.html#comments</comments>
		<pubDate>Tue, 08 Jan 2008 16:20:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[flash]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/30</guid>
		<description><![CDATA[Flash在加上xhtml文档声明的html文件中用不着100%来设定高度.在IE中没有问题,在Firefox中就使100%高度无效.一种做法是去除html文档最前面的文档声明。如果不去除xhtml的文档声明，加上一段CSS就可以解决问题。
html{height:100%;}
其实使用xhtml的DTD不但使CSS的设置会出现问题，而且会使用html下的JS在xhtml下也可能出现问题。其中最常见是xhtml的滚动条的样式在body里设置也是无效，也得用html下设置。
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/flash-in-firefox-height.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>js实现cookie参数传递.</title>
		<link>http://www.dansion.com/blog/xhtmlcss/js-cookie.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/js-cookie.html#comments</comments>
		<pubDate>Wed, 21 Mar 2007 08:01:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/12</guid>
		<description><![CDATA[一共两个文件,post.htm传递参数.read.htm接收参数Post.htm
&#60;input&#160;type=&#34;text&#34;&#160;name=&#34;txt1&#34;&#62;&#60;input&#160;type=&#34;button&#34;&#160;onclick=&#34;setCookie(&#39;dansion&#39;,document.all.txt1.value)&#34;&#160;value=&#34;Post&#34;&#62;&#60;script&#160;language=&#34;javascript&#34;&#160;&#62;function&#160;setCookie(name,value){/*&#160;*&#8212;&#8212;&#8212;&#8212;&#8212;&#160;setCookie(name,value)&#160;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;&#160;*&#160;setCookie(name,value)&#160;&#160;*&#160;功能:设置得变量name的值&#160;*&#160;参数:name,字符串;value,字符串.&#160;*&#160;实例:setCookie(&#39;username&#39;,&#39;dansion&#39;)&#160;*&#8212;&#8212;&#8212;&#8212;&#8212;&#160;setCookie(name,value)&#160;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;&#160;*/&#160;&#160;&#160;&#160;var&#160;Days&#160;=&#160;30;&#160;//此&#160;cookie&#160;将被保存&#160;30&#160;天&#160;&#160;&#160;&#160;var&#160;exp&#160;&#160;=&#160;new&#160;Date();&#160;&#160;&#160;&#160;exp.setTime(exp.getTime()&#160;+&#160;Days*24*60*60*1000);&#160;&#160;&#160;&#160;documents.cookie&#160;=&#160;name&#160;+&#160;&#34;=&#34;+&#160;escape&#160;(value)&#160;+&#160;&#34;;expires=&#34;&#160;+&#160;exp.toGMTString();&#160;&#160;&#160;&#160;location.href&#160;=&#160;&#34;Read.htm&#34;;&#160;//接收页面.}&#60;/script&#62;
Read.htm
&#60;script&#160;language=&#34;javascript&#34;&#160;&#62;function&#160;getCookie(name){/*&#160;*&#8212;&#8212;&#8212;&#8212;&#8212;&#160;getCookie(name)&#160;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;&#160;*&#160;getCookie(name)&#160;*&#160;功能:取得变量name的值&#160;*&#160;参数:name,字符串.&#160;*&#160;实例:alert(getCookie(&#34;dansion&#34;));&#160;*&#8212;&#8212;&#8212;&#8212;&#8212;&#160;getCookie(name)&#160;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;&#160;*/&#160;&#160;&#160;&#160;var&#160;arr&#160;=&#160;documents.cookie.match(new&#160;RegExp(&#34;(^&#124;&#160;)&#34;+name+&#34;=([^;]*)(;&#124;$)&#34;));&#160;&#160;&#160;&#160;if(arr&#160;!=null)&#160;return&#160;unescape(arr[2]);&#160;return&#160;null;}alert(getCookie(&#34;dansion&#34;));&#60;/script&#62;
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/js-cookie.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE菜单控制</title>
		<link>http://www.dansion.com/blog/xhtmlcss/ie-menu-control.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/ie-menu-control.html#comments</comments>
		<pubDate>Mon, 19 Mar 2007 08:00:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/11</guid>
		<description><![CDATA[　每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接，而自己苦于不能实现时，是不是感到很遗憾？是不是也想实现？如果能在网页上能实现浏览器的命令，将是多么有意思的事啊！下面我们就来看看如何用javascript代码实现浏览器菜单命令(以下代码在Windows&#160;XP下的浏览器中调试通过)。一、【文件(F)】菜单中的命令的实现　　1、〖打开〗命令的实现　　[格式]:document.execCommand(&#34;open&#34;)　　[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;open&#34;)&#62;打开&#60;/a&#62;　　2、〖使用&#160;记事本&#160;编辑〗命令的实现&#160;　　[格式]:location.replace(&#34;view-source:&#34;+location)　　[说明]打开记事本，在记事本中显示该网页的源代码。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=location.replace(&#34;view-source:&#34;+location)&#62;使用&#160;记事本&#160;编辑&#60;/a&#62;　　3、〖另存为〗命令的实现&#160;　　[格式]:document.execCommand(&#34;saveAs&#34;)　　[说明]将该网页保存到本地盘的其它目录！　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;saveAs&#34;)&#62;另存为&#60;/a&#62;　　4、〖打印〗命令的实现&#160;　　[格式]:document.execCommand(&#34;print&#34;)　　[说明]当然，你必须装了打印机！　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;print&#34;)&#62;打印&#60;/a&#62;　　5、〖关闭〗命令的实现　　[格式]:window.close();return&#160;false　　[说明]将关闭本窗口。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.close();return&#160;false)&#62;关闭本窗口&#60;/a&#62;　　二、【编辑(E)】菜单中的命令的实现　　〖全选〗命令的实现&#160;　　[格式]:document.execCommand(&#34;selectAll&#34;)　　[说明]将选种网页中的全部内容！　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;selectAll&#34;)&#62;全选&#60;/a&#62;　　三、【查看(V)】菜单中的命令的实现　　1、〖刷新〗命令的实现　　[格式]:location.reload()&#160;或&#160;history.go(0)　　[说明]浏览器重新打开本页。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=location.reload()&#62;刷新&#60;/a&#62;　　或加入:&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(0)&#62;刷新&#60;/a&#62;&#160;　　2、〖源文件〗命令的实现&#160;　　[格式]:location.replace(&#34;view-source:&#34;+location)　　[说明]查看该网页的源代码。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=location.replace(&#34;view-source:&#34;+location)&#62;查看源文件&#60;/a&#62;　　3、〖全屏显示〗命令的实现&#160;　　[格式]:window.open(document.location,&#34;url&#34;,&#34;fullscreen&#34;)　　[说明]全屏显示本页。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.open(document.location,&#34;url&#34;,&#34;fullscreen&#34;)&#62;全屏显示&#60;/a&#62;　　四、【收藏(A)】菜单中的命令的实现　　1、〖添加到收藏夹〗命令的实现&#160;　　[格式]:window.external.AddFavorite(&#39;url&#39;,&#160;&#39;“网站名”)　　[说明]将本页添加到收藏夹。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;javascript:window.external.AddFavorite(&#39;http://oh.jilinfarm.com&#39;,&#160;&#39;胡明新的个人主页&#39;)&#34;&#62;添加到收藏夹&#60;/a&#62;&#160;　　2、〖整理收藏夹〗命令的实现&#160;　　[格式]:window.external.showBrowserUI(&#34;OrganizeFavorites&#34;,null)　　[说明]打开整理收藏夹对话框。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.external.showBrowserUI(&#34;OrganizeFavorites&#34;,null)&#62;整理收藏夹&#60;/a&#62;&#160;　　五、【工具(T)】菜单中的命令的实现　　〖internet选项〗命令的实现&#160;　　[格式]:window.external.showBrowserUI(&#34;PrivacySettings&#34;,null)　　[说明]打开internet选项对话框。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.external.showBrowserUI(&#34;PrivacySettings&#34;,null)&#62;internet选项&#60;/a&#62;&#160;　　六、【工具栏】中的命令的实现　　1、〖前进〗命令的实现&#160;　　[格式]history.go(1)&#160;或&#160;history.forward()　　[说明]浏览器打开后一个页面。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(1)&#62;前进&#60;/a&#62;　　或加入:&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.forward()&#62;前进&#60;/a&#62;　　2、〖后退〗命令的实现&#160;　　[格式]:history.go(-1)&#160;或&#160;history.back()　　[说明]浏览器返回上一个已浏览的页面。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(-1)&#62;后退&#60;/a&#62;　　或加入:&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.back()&#62;后退&#60;/a&#62;　　3、〖刷新〗命令的实现&#160;　　[格式]:document.reload()&#160;或&#160;history.go(0)　　[说明]浏览器重新打开本页。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=location.reload()&#62;刷新&#60;/a&#62;　　或加入:&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(0)&#62;刷新&#60;/a&#62;&#160;　　　　七、其它命令的实现&#160;　　〖定时关闭本窗口〗命令的实现&#160;　　[格式]:settimeout(window.close(),关闭的时间)　　[说明]将关闭本窗口。　　[举例]在&#60;body&#62;&#60;/body&#62;之间加入：　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=settimeout(window.close(),3000)&#62;3秒关闭本窗口&#60;/a&#62;　　如果大家还整理出其他用javascript实现的命令，不妨投稿来和大家分享。　　【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;open&#34;)&#62;打开&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=location.replace(&#34;view-source:&#34;+location)&#62;使用&#160;记事本&#160;编辑&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;saveAs&#34;)&#62;另存为&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;print&#34;)&#62;打印&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.close();return&#160;false)&#62;关闭本窗口&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=document.execCommand(&#34;selectAll&#34;)&#62;全选&#60;/a&#62;&#60;br&#62;　　&#60;a&#038;nb
sp;href=&#34;#&#34;&#160;onclick=location.reload()&#62;刷新&#60;/a&#62;　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(0)&#62;刷新&#60;/a&#62;&#60;br&#62;&#160;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=location.replace(&#34;view-source:&#34;+location)&#62;查看源文件&#60;/a&#62;&#160;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.open(document.location,&#34;url&#34;,&#34;fullscreen&#34;)&#62;全屏显示&#60;/a&#62;&#160;&#60;br&#62;&#160;　　&#60;a&#160;href=&#34;javascript:window.external.AddFavorite(&#39;http://www.dansion.com&#39;,&#160;&#39;天极网页陶吧&#39;)&#34;&#62;添加到收藏夹&#60;/a&#62;&#160;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.external.showBrowserUI(&#34;OrganizeFavorites&#34;,null)&#62;整理收藏夹&#60;/a&#62;&#160;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=window.external.showBrowserUI(&#34;PrivacySettings&#34;,null)&#62;internet选项&#60;/a&#62;&#160;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(1)&#62;前进1&#60;/a&#62;　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.forward()&#62;前进2&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.go(-1)&#62;后退1&#60;/a&#62;　&#60;a&#160;href=&#34;#&#34;&#160;onclick=history.back()&#62;后退2&#60;/a&#62;&#60;br&#62;　　&#60;a&#160;href=&#34;#&#34;&#160;onclick=settimeout(window.close(),3000)&#62;3秒关闭本窗口&#60;/a&#62;&#60;br&#62;以上的还是比较实用的.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/ie-menu-control.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Expression在css中最简单的应用（隔行换色）</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css-expression.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css-expression.html#comments</comments>
		<pubDate>Thu, 15 Mar 2007 11:48:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/7</guid>
		<description><![CDATA[IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段javascript表达式，CSS属性的值等于javascript表达式计算的结果。&#160;在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。例：简单实现隔行换色。
tr&#160;{&#160;background-color:&#160;expression(this.sectionRowIndex==0?&#34;#FF0000&#34;:((this.sectionRowIndex%2==0)&#160;?&#160;&#34;#F7F7F7&#34;&#160;:&#160;&#34;#FFFFFF&#34;));}
#FF0000是设定表格第一行背景颜色。#F7F7F7与#FFFFFF是后续几行隔行换色。
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css-expression.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>常用CSS缩写语法总结</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css-contraction.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css-contraction.html#comments</comments>
		<pubDate>Tue, 13 Mar 2007 07:53:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/9</guid>
		<description><![CDATA[使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：&#160;颜色&#160;16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：&#160;#000000可以缩写为#000;#336699可以缩写为#369;&#160;盒尺寸&#160;通常有下面四种书写方法:&#160;property:value1;&#160;表示所有边都是一个值value1；&#160;property:value1&#160;value2;&#160;表示top和bottom的值是value1,right和left的值是value2&#160;property:value1&#160;value2&#160;value3;&#160;表示top的值是value1，right和left的值是value2，bottom的值是value3&#160;property:value1&#160;value2&#160;value3&#160;value4;&#160;四个值依次表示top,right,bottom,left&#160;方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：&#160;margin:1em&#160;0&#160;2em&#160;0.5em;&#160;边框(border)&#160;边框的属性如下：&#160;border-width:1px;&#160;border-style:solid;&#160;border-color:#000;&#160;可以缩写为一句：border:1px&#160;solid&#160;#000;&#160;语法是border:width&#160;style&#160;color;&#160;背景(Backgrounds)&#160;背景的属性如下：&#160;background-color:#f00;&#160;background-image:url(background.gif);&#160;background-repeat:no-repeat;&#160;background-attachment:fixed;&#160;background-position:0&#160;0;&#160;可以缩写为一句：background:#f00&#160;url(background.gif)&#160;no-repeat&#160;fixed&#160;0&#160;0;&#160;语法是background:color&#160;image&#160;repeat&#160;attachment&#160;position;&#160;你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：&#160;color:&#160;transparent&#160;image:&#160;none&#160;repeat:&#160;repeat&#160;attachment:&#160;scroll&#160;position:&#160;0%&#160;0%&#160;字体(fonts)&#160;字体的属性如下：&#160;font-style:italic;&#160;font-variant:small-caps;&#160;font-weight:bold;&#160;font-size:1em;&#160;line-height:140%;&#160;font-family:&#34;Lucida&#160;Grande&#34;,sans-serif;&#160;可以缩写为一句：font:italic&#160;small-caps&#160;bold&#160;1em/140%&#160;&#34;Lucida&#160;Grande&#34;,sans-serif;&#160;注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。&#160;列表(lists)&#160;取消默认的圆点和序号可以这样写list-style:none;,&#160;list的属性如下:&#160;list-style-type:square;&#160;list-style-position:inside;&#160;list-style-image:url(image.gif);&#160;可以缩写为一句：list-style:square&#160;inside&#160;url(image.gif);
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css-contraction.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS基本技巧</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css%e5%9f%ba%e6%9c%ac%e6%8a%80%e5%b7%a7.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css%e5%9f%ba%e6%9c%ac%e6%8a%80%e5%b7%a7.html#comments</comments>
		<pubDate>Mon, 05 Mar 2007 15:50:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/8</guid>
		<description><![CDATA[一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。常用CSS缩写语法总结二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:&#160;100px&#160;width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。三.区分大小写当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。四.取消class和id前的元素限定当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，鴆las&#160;s可以在页面中多次使用。你限定某个元素毫无意义。例如：
div#content&#160;{&#160;/*&#160;declarations&#160;*/&#160;}fieldset.details&#160;{&#160;/*&#160;declarations&#160;*/&#160;}
可以写成
#content&#160;{&#160;/*&#160;declarations&#160;*/&#160;}.details&#160;{&#160;/*&#160;declarations&#160;*/&#160;}
这样可以节省一些字节。五.默认值通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样：
*&#160;{margin:0;padding:0;}
六.不需要重复定义可继承的值&#160;CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。七.最近优先原则如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码Update:&#160;Lorem&#160;ipsum&#160;dolor&#160;set在CSS文件中，你已经定义了元素p，又定义了一个classupdate
p&#160;{margin:1em&#160;0;font-size:1em;color:#333;}.update&#160;{font-weight:bold;color:#600;}
这两个定义中，class=update将被使用，因为class比p更近。你可以查阅W3C的《&#160;Calculating&#160;a&#160;selector’s&#160;specificity》&#160;了解更多。八.多重class定义一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10&#160;px的边框。
.one{width:200px;background:#666;}.two{border:10px&#160;solid&#160;#F00;}
在页面代码中，我们可以这样调用
&#60;div&#160;class=one&#160;two&#62;&#60;/div&#62;
这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。九.使用子选择器(descendant&#160;selectors)CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码：
&#60;div&#160;id=subnav&#62;&#60;ul&#62;&#60;li&#160;class=subnavitem&#62;&#160;&#60;a&#160;href=#&#160;class=subnavitem&#62;Item&#160;1&#60;/a&#62;&#60;/li&#62;&#62;&#60;li&#160;class=subnavitemselected&#62;&#160;&#60;a&#160;href=#&#160;class=subnavitemselected&#62;&#160;Item&#160;1&#60;/a&#62;&#160;&#60;/li&#62;&#60;li&#160;class=subnavitem&#62;&#160;&#60;a&#160;href=#&#160;class=subnavitem&#62;&#160;Item&#160;1&#60;/a&#62;&#160;&#60;/li&#62;&#60;/ul&#62;&#60;/div&#62;
这段代码的CSS定义是：
div#subnav&#160;ul&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}div#subnav&#160;ul&#160;li.subnavitem&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}div#subnav&#160;ul&#160;li.subnavitem&#160;a.subnavitem&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}div#subnav&#160;ul&#160;li.subnavitemselected&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}div#subnav&#160;ul&#160;li.subnavitemselected&#160;a.subnavitemselected&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}
你可以用下面的方法替代上面的代码
&#60;ul&#160;id=subnav&#62;&#60;li&#62;&#160;&#60;a&#160;href=#&#62;&#160;Item&#160;1&#60;/a&#62;&#160;&#60;/li&#62;&#60;li&#160;class=sel&#62;&#160;&#60;a&#160;href=#&#62;&#160;Item&#160;1&#60;/a&#62;&#160;&#60;/li&#62;&#60;li&#62;&#160;&#60;a&#160;href=#&#62;&#160;Item&#160;1&#60;/a&#62;&#160;&#60;/li&#62;&#60;/ul&#62;
样式定义是：
#subnav&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}#subnav&#160;li&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}#subnav&#160;a&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}#subnav&#160;.sel&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}#subnav&#160;.sel&#160;a&#160;{&#160;/*&#160;Some&#160;styling&#160;*/&#160;}
用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。十.不需要给背景图片路径加引号为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如：
background:url(images/***.gif)&#160;#333;
可以写为
background:url(images/***.gif)&#160;#333;
如果你加了引号，反而会引起一些浏览器的错误。十一.组选择器(Group&#160;selectors)当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。例如：定义所有标题的字体、颜色和margin，你可以这样写：
h1,h2,h3,h4,h5,h6&#160;{font-family:Lucida&#160;Grande,Lucida,Arial,Helvetica,sans-serif;color:#333;margin:1em&#160;0;}
如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如：
h1&#160;{&#160;font-size:2em;&#160;}h2&#160;{&#160;font-size:1.6em;&#160;}
十二.用正确的顺序指定链接的样式当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link&#160;:visited&#160;:hover&#160;:active。抽取第一个字母是LVHA，你可以记忆成LoVe&#160;HAte(喜欢讨厌)。为什么这么定义，可以参考Eric&#160;Meyer的《Link&#160;Specificity》。如果你的用户需要用键盘来控制，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置，如果你希望聚焦元素显示:hover效果，你就把:focus写在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover后面。十三.清除浮动一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear:&#160;both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How&#160;To&#160;Clear&#160;Floats&#160;Without&#160;Structural&#160;Markup》上面2种方法可以很
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css%e5%9f%ba%e6%9c%ac%e6%8a%80%e5%b7%a7.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网页HTML默认的CSS样式表属性总结</title>
		<link>http://www.dansion.com/blog/xhtmlcss/html-default-css-attribute.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/html-default-css-attribute.html#comments</comments>
		<pubDate>Mon, 05 Mar 2007 04:56:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/10</guid>
		<description><![CDATA[除了inline和block的定义，主要是要注意&#160;&#160;body&#124;h1~h6&#124;blockquote&#124;menu&#124;ul&#124;ol&#124;dd等标签的默认样式（margin和font-size）。&#160;不过不同浏览器的默认值是不一样的.
html,&#160;address,&#160;blockquote,&#160;body,&#160;dd,&#160;div,&#160;dl,&#160;dt,&#160;fieldset,&#160;form,&#160;frame,&#160;frameset,&#160;h1,&#160;h2,&#160;h3,&#160;h4,&#160;h5,&#160;h6,&#160;noframes,&#160;ol,&#160;p,&#160;ul,&#160;center,&#160;dir,&#160;hr,&#160;menu,&#160;pre&#160;&#160;&#160;{&#160;display:&#160;block&#160;}&#160;li&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;list-item&#160;}&#160;head&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;none&#160;}&#160;table&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table&#160;}&#160;tr&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-row&#160;}&#160;thead&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-header-group&#160;}&#160;tbody&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-row-group&#160;}&#160;tfoot&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-footer-group&#160;}&#160;col&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-column&#160;}&#160;&#160;colgroup&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-column-group&#160;}&#160;td,&#160;th&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-cell;&#160;}&#160;caption&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-caption&#160;}&#160;th&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-weight:&#160;bolder;&#160;text-align:&#160;center&#160;}&#160;caption&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;text-align:&#160;center&#160;}&#160;body&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin:&#160;8px;&#160;line-height:&#160;1.12&#160;}&#160;h1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;2em;&#160;margin:&#160;.67em&#160;0&#160;}&#160;h2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;1.5em;&#160;margin:&#160;.75em&#160;0&#160;}&#160;h3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;1.17em;&#160;margin:&#160;.83em&#160;0&#160;}&#160;h4,&#160;p,&#160;blockquote,&#160;ul,&#160;fieldset,&#160;form,&#160;ol,&#160;dl,&#160;dir,&#160;menu&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin:&#160;1.12em&#160;0&#160;}&#160;&#160;h5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;.83em;&#160;margin:&#160;1.5em&#160;0&#160;}&#160;h6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;.75em;&#160;margin:&#160;1.67em&#160;0&#160;}&#160;h1,&#160;h2,&#160;h3,&#160;h4,&#160;h5,&#160;h6,&#160;b,&#160;strong&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-weight:&#160;bolder&#160;}&#160;blockquote&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin-left:&#160;40px;&#160;margin-right:&#160;40px&#160;}&#160;i,&#160;cite,&#160;em,&#160;var,&#160;address&#160;&#160;&#160;&#160;{&#160;font-style:&#160;italic&#160;}&#160;pre,&#160;tt,&#160;code,&#160;kbd,&#160;samp&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-family:&#160;monospace&#160;}&#160;pre&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;white-space:&#160;pre&#160;}&#160;button,&#160;textarea,&#160;input,&#160;object,&#160;&#160;select&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:inline-block;&#160;}&#160;big&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;1.17em&#160;}&#160;small,&#160;sub,&#160;sup&#160;{&#160;font-size:&#160;.83em&#160;}&#160;sub&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;sub&#160;}&#160;&#160;sup&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;super&#160;}&#160;table&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;border-spacing:&#160;2px;&#160;}&#160;thead,&#160;tbody,&#160;tfoot&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;middle&#160;}&#160;td,&#160;th&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;inherit&#160;}&#160;s,&#160;strike,&#160;del&#160;&#160;{&#160;text-decoration:&#160;line-through&#160;}&#160;hr&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;border:&#160;1px&#160;inset&#160;}&#160;ol,&#160;ul,&#160;dir,&#160;menu,&#160;dd&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin-left:&#160;40px&#160;}&#160;ol&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;list-style-type:&#160;decimal&#160;}&#160;ol&#160;ul,&#160;ul&#160;ol,&#160;ul&#160;ul,&#160;ol&#160;ol&#160;&#160;&#160;&#160;{&#160;margin-top:&#160;0;&#160;margin-bottom:&#160;0&#160;}&#160;u,&#160;ins&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;text-decoration:&#160;underline&#160;}&#160;br:before&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;content:&#160;&#34;A&#34;&#160;}&#160;:before,&#160;:after&#160;{&#160;white-space:&#160;pre-line&#160;}&#160;&#160;center&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;text-align:&#160;center&#160;}&#160;abbr,&#160;acronym&#160;&#160;&#160;{&#160;font-variant:&#160;small-caps;&#160;letter-spacing:&#160;0.1em&#160;}&#160;:link,&#160;:visited&#160;{&#160;text-decoration:&#160;underline&#160;}&#160;:focus&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;outline:&#160;thin&#160;dotted&#160;invert&#160;}&#160;/*&#160;Begin&#160;bidirectionality&#160;settings&#160;(do&#160;not&#160;change)&#160;*/&#160;BDO[DIR=&#34;ltr&#34;]&#160;&#160;{&#160;direction:&#160;ltr;&#160;unicode-bidi:&#160;bidi-override&#160;}&#160;BDO[DIR=&#34;rtl&#34;]&#160;&#160;{&#160;direction:&#160;rtl;&#160;unicode-bidi:&#160;bidi-override&#160;}&#160;*[DIR=&#34;ltr&#34;]&#160;&#160;&#160;&#160;{&#160;direction:&#160;ltr;&#160;unicode-bidi:&#160;embed&#160;}&#160;*[DIR=&#34;rtl&#34;]&#160;&#160;&#160;&#160;{&#160;direction:&#160;rtl;&#160;unicode-bidi:&#160;embed&#160;}&#160;@media&#160;print&#160;{&#160;&#160;&#160;h1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;page-break-before:&#160;always&#160;}&#160;&#160;&#160;h1,&#160;h2,&#160;h3,&#160;&#160;&#160;h4,&#160;h5,&#160;h6&#160;&#160;&#160;&#160;{&#160;page-break-after:&#160;avoid&#160;}&#160;&#160;&#160;ul,&#160;ol,&#160;dl&#160;&#160;&#160;&#160;{&#160;page-break-before:&#160;avoid&#160;}
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/html-default-css-attribute.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ie6.0对css支持不足例举</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css-in-ie6.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css-in-ie6.html#comments</comments>
		<pubDate>Thu, 11 Jan 2007 12:42:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie6]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/5</guid>
		<description><![CDATA[在用IE中用CSS布局会出现各种问题.本人习惯把body当然最外层的div来用.然后所有的div都float:left;进行布局,结要在此时给body设背影图片时,会出现无法解释的定位问题.特别是需要制作左边固定宽度,右边是随窗口变化的那种页面.第二种情况,在设置:body{width:750px;margin:0px&#160;auto}这种方式合页面居中后.
&#60;div&#160;class=&#34;layout&#34;&#62;&#160;&#160;&#160;&#60;div&#160;class=&#34;left&#34;&#62;&#60;/div&#62;&#160;&#160;&#160;&#60;div&#160;class=&#34;right&#34;&#62;&#60;/div&#62;&#60;/div&#62;
设置样式表:.layout{padding-left:200px;}.left{margin-left:-200px;position:absolute;float:left;}.right{}这样设置方式可实现虽然意义不大.但IE在这种情况会一个问题.在窗口变化后.left的div的定位总有所有不对,好像是针对body定位一样.第三种当把ul也当做div用,也就是ul也成了布局元素(本人习惯想少写一些代码,希望文件小点,这种想法虽然有些变态,但也是一种尝试).在IE会出会现一个很有意的问题,就是ul里的最后一个li的几个文字会重复出现在ul外面.却不影响后续布局.这种情况会一递传.在FF中却没有种情况.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css-in-ie6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

