<?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>Jun Blog &#187; CSS</title>
	<atom:link href="http://www.junstudio.cn/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.junstudio.cn</link>
	<description>致力于网站重构</description>
	<lastBuildDate>Thu, 29 Jul 2010 14:47:11 +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>兼容IE6 position:fixed</title>
		<link>http://www.junstudio.cn/2008/11/ie6-position-fixed/</link>
		<comments>http://www.junstudio.cn/2008/11/ie6-position-fixed/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 11:56:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[fixed]]></category>
		<category><![CDATA[position]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=356</guid>
		<description><![CDATA[IE6以下不能理解style = &#8220;position:fixed&#8221;, 所以我们要用javascript来兼容rubbish的它 我们要在js文件里写么，no，因为是IE，我们有更好的方式，那就是style.setExpression 也许应该这样 obj.style.setExpression(&#8216;top&#8216;,&#8217;document.body.scrollTop + 100&#8242;); 原理是这样 但是IE有很多bug， 1.含有scrolling offsets的表达式的值不会变，除非你把赋给一个变量 2.在strict模式下，需要给它一个 单位 ‘px’ 3.在strict模式下，应该用document.documentElement.scrollTop 来代替document.body.scrollTop 当你第一次看到如下代码，可能有点晕 obj.style.setExpression(&#8216;top&#8216;,&#34;(_=(document.body.scrollTop &#124;&#124; document.documentElement.scrollTop+ 100)) + &#8216;px&#8216; &#34;); 读了上面3条应该明白了 【参考文章】 1.www.howtocreate.co.uk/emails/TJSteed.html 2.www.javascriptkit.com/dhtmltutors/dynproperty4.shtml 【另附】 让你的页面在ie6也能玩position:fixed 跨浏览器的CSS固定定位{position:fixed} http://hi.baidu.com/suntear/blog/item/705b03233fafd14893580775.html 详解定位与定位应用 http://andymao.com/andy/post/70.html]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/ie6-position-fixed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【转】HTML属性以及相对应的CSS方法</title>
		<link>http://www.junstudio.cn/2008/11/html-to-the-css-method/</link>
		<comments>http://www.junstudio.cn/2008/11/html-to-the-css-method/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 10:58:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=379</guid>
		<description><![CDATA[align=&#8221;left&#8221; HTML/CSS float:left; align=&#8221;right&#8221; HTML/CSS float:right; 使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等 当你使用float属性，必须给这个浮动元素定义一个宽度。 marginwidth=&#8221;0&#8243; leftmargin=&#8221;0&#8243; marginheight=&#8221;0&#8243; topmargin=&#8221;0&#8243; HTML/CSS margin: 0; 使用CSS, margin可以设置在任何元素上, 不仅仅是body元素.更重要的，你可以分别指定元素的top, right, bottom和left的margin值。 vlink=&#8221;#333399&#8243; HTML/CSS a:hover:#999; alink=&#8221;#000000&#8243; HTML/CSS a:active:#00f; link=&#8221;#3333FF&#8221; HTML/CSS a:link: #3ff; 在HTML中，链接的颜色作为body的一个属性值定义。整个页面的链接风格都一样。使用CSS的选择器，页面不同部分的链接样式可以不一样。 bgcolor=&#8221;#FFFFFF&#8221; HTML/CSS background-color:#fff; 在CSS中，任何元素都可以定义背景颜色，不仅仅局限于body和table元素。 bordercolor=&#8221;#FFFFFF&#8221; HTML/CSS border-color:#fff; 任何元素都可以设置边框(boeder)，你可以分别定义top, right, bottom和left border=&#8221;3&#8243; HTML/CSS border-width:3px; 用CSS，你可以定义table的边框为统一样式，也可以分别定义top, right, bottom and left边框的颜色、尺寸和样式。 你可以使用 table, td or th [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/html-to-the-css-method/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS的优先权</title>
		<link>http://www.junstudio.cn/2008/11/css-conflict-resolve/</link>
		<comments>http://www.junstudio.cn/2008/11/css-conflict-resolve/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 10:50:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=375</guid>
		<description><![CDATA[优先权问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。 首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一般规则： 每个ID选择符(#someid)，加 0,1,0,0。 每个class选择符(.someclass)、每个属性选择符(形如[attr=””]等)、每个伪类(形如:hover等)加0,0,1,0 每个元素或伪元素(:firstchild)等，加0,0,0,1 其他选择符包括全局选择符*，加0,0,0,0。相当于没加，不过这也是一种specificity，后面会解释。 按这些规则将数字串逐位相加，就得到最终计算得的specificity，然后在比较取舍时按照从左到右的顺序逐位比较。 举一些例子吧： h1 {color: red;} /* 只有一个普通元素加成，结果是 0,0,0,1 */ body&#160;h1 {color: green;} /* 两个普通元素加成，结果是 0,0,0,2 */ ——后者胜出 h2.grape {color: purple;} /* 一个普通元素、一个class选择符加成，结果是 0,0,1,1*/ h2&#160;{color: silver;} /*一个普通元素，结果是 0,0,0,1 */ ——前者胜出 html &#62; body table tr[id=”totals”] td ul &#62; li {color: maroon;} /* 7个普通元素、一个属性选择符、两个其他选择符，结果是0,0,1,7 */ li#answer&#160;{color: navy;} /* 一个ID选择符，一个普通选择符，结果是0,1,0,1 */——后者胜出 [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/css-conflict-resolve/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE, FireFox, Opera 浏览器支持Alpha透明的方法</title>
		<link>http://www.junstudio.cn/2008/11/the-way-to-support-the-alpha-transparent-in-ie-firefox-opera-browser/</link>
		<comments>http://www.junstudio.cn/2008/11/the-way-to-support-the-alpha-transparent-in-ie-firefox-opera-browser/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 12:40:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[透明]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=366</guid>
		<description><![CDATA[先请看如下代码： filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数（alpha(opacity)）使用大于0小于100的数值，其实也是百分比）。 从上面的代码中你没有看到Opera。没错，Opera还未支持标准的opacity，也没有其私有的可支持Alpha透明的属性。 但是，我们知道，Opera是支持Alpha透明的PNG图片的（当然Moz Family也支持）。所以我们可以使用背景图片来实现Alpha透明效果。 关键在于： background: transparent url(alpha80.png) left top repeat!important; background: #ccc; filter:alpha(opacity=50); 既然Moz Family支持Alpha透明的PNG，所以我们没有必要使用其私有属性了。当然，你可以使用标准的opacity，但别同时使用Alpha透明图片和opacity，这样的话就成了两者的混合了。你可以把上面的例子下载过来，然后/*opacity: .5;*/的注释看看。]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/the-way-to-support-the-alpha-transparent-in-ie-firefox-opera-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>让max-*, min-*在IE6中有效的解决方案</title>
		<link>http://www.junstudio.cn/2008/11/max-min-ie6-support-solution/</link>
		<comments>http://www.junstudio.cn/2008/11/max-min-ie6-support-solution/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 12:17:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[min]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=361</guid>
		<description><![CDATA[max-width、max-height、min-width和min-height这四个性质（property）分别表示最大宽度、最大高度、最小宽度和最小高度。它们在CSS中有着很重要的作用，比如，它们可以用来很好地协调各种不同分辨率下用户端（client）的显示效果，举个例子，你设计的网页由于侧栏（sidebar）过宽，当用户使用640*480或者更小的分辨率浏览网页的话，就会导致内容（content）栏过窄，影响用户的阅读，一个办法是，把内容或者包含内容的div的宽度固定一个最小值，姑且是780px吧，那么我们可以这样写：min-width: 780px;，这样，当用户端分辨率的宽度在小于780px时，会在水平位置上出现滚动条，不至于影响布局，用户稍微移动一下滚动条就可以方便阅读主要内容。 然后，十分不幸的是，你知道我要说什么，就是IE，这个世界上使用者最多的浏览器，到目前的版本为止，对这四个性质没有一个能够，哪怕一点点的支持。这可让设计者吃尽了苦头，最明显的就是，当你使用float布局时，在IE中的一个臭毛病是，顶层div的宽度变小的时候（缩小窗口，分辨率低等），浮动的布局（一般是右边那一块跑到了下方）就会被破坏，变得一塌糊涂。这样即使是最开明的主管，也不能容忍你这样的设计…… 天生不足，后天补上。web设计世界的天才多如牛毛，我们随便Google就能找到不少解决方案（solution），在抱怨IE的同时请向西半球鞠躬。当我写到这里时，我才开始一一验证我所找到的方案，结果让我大失所望，令另我把标题从“让max-*, min-*在IE中有效的解决方案”改成了“让max-*, min-*在IE6中有效的解决方案”。真如Dave所说：别指望 min-width 在IE中有用。 我找到的第一种方案，在http://www.issociate.de/board/post/154073/min-width.html中说，可以在同层的div中加入例如 &#60;div style=&#8221;width: 300px; height: 0; line-height:0;&#62;&#60;/div&#62;。可惜，这种无异于插入空白占位透明的GIF图片（spacer GIF）无异，没有实际的效果和意义。诸君可以亲自一试…… 第二种，请访问http://www.svendtofte.com/code/max_width_in_ie/，此人研究JavaScript极为深入，在CSS中使用了极为罕用的expression，虽然这会让CSS文件通不过校验（validation），但是我觉得，标准的意义在于分离结构和表现，而且未影响到XHTML/HTML的代码合法性，可以接受。我曾欢天喜地啊，因为我用IE各种版本测试了他的演示版（demo）均正常无比……我自己写的在IE 5.x中也测试通过，最后，在IE6中测试的时候，IE6竟然当掉（crash）了。不解，极为痛苦……仔细检查代码，原来他的demo没有任何DTD声明（即&#60;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&#62;这样的声明），莫非此方法只可以在怪癖模式（quirks mode）下起作用？我把我的HTML文件中的DTD去掉，果如其然。真是一个极大讽刺，想在标准下使用CSS却不能在标准下使用XHTML/HTML……这个方法，嗯，假如你的网页在quirks mode下使用，可以使用这个方法……但是，在IE 5.x下可以使用，无论是标准模式（standard mode）还是怪癖模式下。具体方法在其网页上，在此不列出。 第三种方案，恰恰相反，在IE6中十分完美，而且也不用担心CSS代码的合法性。请访问http://www.doxdesk.com/software/js/minmax.html。不像作者所说，可以支持非mac版的IE 5以上版本（make IE5+/Win support CSS min/max-width/height）,我的测试结果，只有IE6起作用，而且十分完美。如果你的网页已经不再面向IE5.x，这个方法就是拯救你的灵丹妙药。方法十分简单，请下载http://www.doxdesk.com/file/software/js/minmax.js，在head区域添加 就可以了。 从此，在IE6完全淘汰之前，你可以部分指望 min-width在IE6中有用了。还有什么更好的办法，请留言，谢谢。]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/max-min-ie6-support-solution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>完整的CSS工具列表</title>
		<link>http://www.junstudio.cn/2008/11/full-css-tool-list/</link>
		<comments>http://www.junstudio.cn/2008/11/full-css-tool-list/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 12:24:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=295</guid>
		<description><![CDATA[用户界面 I Like Your Color 输入URL然后它会抓出其中的颜色并用16进制表示。 CSS Multi-element Rollover Generator 使用CSS和一个图片创建出一个翻转按钮的样式。 CSS Rounded Box Generator Ruthsarian Layouts 6个CSS页面布局模板，包括颜色、标题等。 Bluerobot Layout Reservoir 2栏和3栏的CSS布局框架 Glish CSS Layout techniques 2、3、 4栏的CSS布局框架 The Layout-o-matic 输入页宽、栏数和padding，它会自动生成CSS和HTML的布局框架。 Little Boxes w3cn.org上提供的那些布局模板 Open Source Web Design 各种免费的完整页面模板 Web Builders&#8217; Toolkit 更多的模版资源 Iconico Online CSS Scrollbar Color Changer List-u-Like 一个CSS菜单生成器：轻松创建采用li并兼容各种浏览器的导航菜单。 Nifty Corners: 无需图片的圆角矩形 Round [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/full-css-tool-list/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网页标准化-CSS命名规划整理</title>
		<link>http://www.junstudio.cn/2008/11/web-standardization-css-standardized-naming/</link>
		<comments>http://www.junstudio.cn/2008/11/web-standardization-css-standardized-naming/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 03:23:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[tip]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=286</guid>
		<description><![CDATA[(一) 常用的CSS命名规则： 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left\right\center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二) 注释的写法： /*Footer*/ 内容区 /*EndFooter*/ (三) id的命名： (1)页面结构 容器：container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/web-standardization-css-standardized-naming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>开源JS菜单收藏&#8212;&#8211;JSCookMenu</title>
		<link>http://www.junstudio.cn/2008/11/open-source-js-menu-collection-jscookmenu/</link>
		<comments>http://www.junstudio.cn/2008/11/open-source-js-menu-collection-jscookmenu/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 14:41:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[JSCookMenu]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=284</guid>
		<description><![CDATA[JSCookMenu的作者是一个在美的中国留学生－－－袁衡。中国人发起的开源项目不多，能被广泛使用的就更少了，这也是当初吸引我的一个地方。 JSCookMenu目前最新的版本是2.0.3，大家可以到其站点http://jscook.yuanheng.org下载最新版本。以下主要介绍其用法。 首先，先下载其最新版本的Core代码，将其解压后，得到两个JS文件：JSCookMenu.js 和 effect.js，再下载其皮肤文件，JSCookMenu目前提供三种皮肤样式：ThemeGray，ThemeOffice2003，ThemePanel，将其下载后，解压。 下载：http://sourceforge.net/project/showfiles.php?group_id=149372]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/open-source-js-menu-collection-jscookmenu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using CSS to Fix Anything: 20+ Common Bugs and Fixes</title>
		<link>http://www.junstudio.cn/2008/11/using-css-to-fix-anything-20-common-bugs-and-fixes/</link>
		<comments>http://www.junstudio.cn/2008/11/using-css-to-fix-anything-20-common-bugs-and-fixes/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 06:09:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[fix]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=262</guid>
		<description><![CDATA[Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. Today we wanted to share with you some quick tips on how to avoid easy pitfalls when creating [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/using-css-to-fix-anything-20-common-bugs-and-fixes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS无所不能：50多个创造性实例讲解</title>
		<link>http://www.junstudio.cn/2008/11/css%e6%97%a0%e6%89%80%e4%b8%8d%e8%83%bd%ef%bc%9a50%e5%a4%9a%e4%b8%aa%e5%88%9b%e9%80%a0%e6%80%a7%e5%ae%9e%e4%be%8b%e8%ae%b2%e8%a7%a3/</link>
		<comments>http://www.junstudio.cn/2008/11/css%e6%97%a0%e6%89%80%e4%b8%8d%e8%83%bd%ef%bc%9a50%e5%a4%9a%e4%b8%aa%e5%88%9b%e9%80%a0%e6%80%a7%e5%ae%9e%e4%be%8b%e8%ae%b2%e8%a7%a3/#comments</comments>
		<pubDate>Sat, 01 Nov 2008 15:49:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=217</guid>
		<description><![CDATA[CSS有很强的能力创造大量丰富而独特的技术，有很多创造性的手法和技巧 样式列表 The Amazing &#60;li&#62; &#8211; 用一小段CSS，“&#60;li&#62;”在一个WEB设计师的手里就变成了许多很丰富和多功能的标签。这篇文章就是j教你如何使用和称赞这个令人惊奇的“&#60;li&#62;”标签。 所以现在就开始吧.. Better Ordered Lists (Using Simple PHP and CSS) &#8211; 在你需要摆脱传统表单列表来创造一个属于自己的风格的时候，这就是一个简单的例子。 Style Your Ordered List &#8211; 这里是一个简短的CSS教程,教你如何使用表单“&#60;ol&#62;”标签和“&#60;P&#62;”标签来设计一个有风格的number list 。 在线演示：演示地址 下载地址：zip格式 List Based Calendar &#8211; 一个简单的方法给日历增加视觉样式，所以你只能看到在这个月历格式只是一个简单的列表。 在线演示：演示地址 FORM表单及原理 Datasheet-style form using HTML and CSS &#8211; 使用HTML,CSS和JavaScript来制作书库表WEB页面的许多像似的方法, Styling File Inputs with CSS and the Dom &#8211; 上传表单(&#60;input type=&#8221;file&#8221; /&#62;) [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/11/css%e6%97%a0%e6%89%80%e4%b8%8d%e8%83%bd%ef%bc%9a50%e5%a4%9a%e4%b8%aa%e5%88%9b%e9%80%a0%e6%80%a7%e5%ae%9e%e4%be%8b%e8%ae%b2%e8%a7%a3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>基于AJAX,CSS的TAB插件</title>
		<link>http://www.junstudio.cn/2008/07/ajax-css-tab-based-interfaces/</link>
		<comments>http://www.junstudio.cn/2008/07/ajax-css-tab-based-interfaces/#comments</comments>
		<pubDate>Thu, 17 Jul 2008 11:28:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[TAB]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=96</guid>
		<description><![CDATA[1) Easy Tabs 1.2 with autochange- 你现在就可以设置一个属于那你的自动播放式菜单 2) Rotating jQuery tabs基于Jquery的自动表放Tab 3) Slideshow Tab Content Script-&#8221;- 支持“幻灯片演示”模式，在这种脚本自动循环通过并选择每个标签的定期，直到一个标签是明确选定的。 4) Sliding Tabs 5) Coda-Slider- 6) Perspective tabs AJAX内容标签 7) Ajax Tabs Content Script这是一个多功能的AJAX标签内容的脚本 可关闭的TAB标签 8 ) Tab Panes关闭和添加面板两个版本 9) Closeable Tabs Module Closeable 标签有可以关闭标签的小叉叉。 不可不看的例子 10) Fabtabulous 使用Prototype的简单标签 11) 又是一个Jquery制作的TAB标签,内容部分有淡入淡出的效果 12) moo.fx Tab Accordion基于moo.fx的手风琴效果的标签 13) MooTabs- MooTools是基于MooTools的类,而且很小,3KB,正如它的名字,他的主要的作用是做个简单的导航标签帮助 [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/07/ajax-css-tab-based-interfaces/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS浏览器兼容方案 &#8211; hack</title>
		<link>http://www.junstudio.cn/2008/07/browser-compatibility-css-hack/</link>
		<comments>http://www.junstudio.cn/2008/07/browser-compatibility-css-hack/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 13:39:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/?p=59</guid>
		<description><![CDATA[1、仅IE7与IE5.0可以识别 *+html select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 2、仅IE7可以识别 *+html select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 3、IE6及IE6以下识别 * html select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 4、html/**/ >body select {…} html/**/ &#62;body select {…} 这句与上一句的作用相同。 5、仅IE6不识别，屏蔽IE6 select { display /*屏蔽IE6*/:none;} 这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 6、仅IE6与IE5不识别，屏蔽IE6与IE5 select/**/ { display /*IE6,IE5不识别*/:none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 7、仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。 8、盒模型解决方法 selct {width:IE5.x宽度; voice-family :”\”}\”&#34;; voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。 9、只有Opera识别 @media all and (min-width: 0px){ [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2008/07/browser-compatibility-css-hack/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20个优秀CSS网站</title>
		<link>http://www.junstudio.cn/2007/03/20-excellent-css-web/</link>
		<comments>http://www.junstudio.cn/2007/03/20-excellent-css-web/#comments</comments>
		<pubDate>Mon, 12 Mar 2007 01:22:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[眼花缭乱]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.junstudio.cn/27</guid>
		<description><![CDATA[从这些CSS Gallery网站中精选了20个比较漂亮的XHTML＋CSS布局网站，推荐给喜欢网页设计的人，无论是做博客模板还是做网站设计，在设计理念、色调、导航条、按钮、排版布局方面，都有一些值得借鉴的地方。 1、competitious.com 2、carawilliams.com.au 3、qodo.co.uk 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/154011_1107819100.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 5、egolounge.de 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/161105_1790480565.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 7、simplebits.com 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/161800_1645753798.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 9、buzzrecruitment.co.nz 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/161801_888131858.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 11、justinshattuck.com 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/162701_1726136072.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 13、thecicak.com 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/163311_2059118347.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 15、mindmeister.com 510){this.resized=true;this.style.width=510;}&#8221; src=&#8221;http://photo1.yupoo.com/20070308/163313_631755709.jpg&#8221; onclick=&#8221;javascript:window.open(this.src);&#8221; style=&#8221;cursor: pointer&#8221; /> 17、refresh-dc.org 510){this.resized=true;this.style.width=510;}&#8221; [...]]]></description>
		<wfw:commentRss>http://www.junstudio.cn/2007/03/20-excellent-css-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
