推荐阅读
3DMAX解析游戏中的向日葵建模教程
面片建模是一种基于子对象进行编辑的建模方式，相对于网格和多边形建模方法，该建模方法更为复杂。面片可通过控制柄控制其曲面曲率的对象，更易形成光 滑的曲面，所以常被用于创建角色模型等有光滑流畅表面的对象。为了使各位朋友能够深入了解面片建模方法，我们开发了这套关于面片建模的教程。面片建模 方法为非参数化的模型，随机性较强，对软件操作能力要求较高，而且在制作实例时可能会花很长的时间用于调整子对象，为了提高大家的学习兴趣，本套教程 使用了当前较为流行的小游戏《植物大战僵尸》中的形象，该游戏为二维小游戏，将其转化为三维形象，既有趣又富有挑战性。当然，3ds max中的建模方法种类 繁多，实例中使用的方法不一定就是最好的方法，也希望各位朋友积极参与进来，提出宝贵的意见和建议。在本实例中，将创建向日葵脸部的模型，该模型看似很简单，但其实细节部分较难处理，因为其大体形状为一个椭圆形，但是有嘴巴、额头和脸颊等，使用修改器或者多边形建模方法很难实现，而且也不容易保持其表面的光滑流畅。本实例使用了一个面片栅格，通过不断对子对象编辑完成了模型的创建，在创建过程中 用到了细分面片、焊接顶点等各种常用的面片编辑方法，通过本实例，可以使各位朋友了解怎样使从一个简单的面片来创建角色模型，在制作实例之前，大家需要首先下载素材文件，素材文件为完成后的模型，大家可以在制作过程中进行参考。图01(1)运行3ds max 2011，进入“创建”面板下的“几何体”次面板，在该面板内的下拉式选项栏内选择“面片栅格”选项，然后在视图中创建一个四边形面片栅格。提示：在3ds max中，可以创建两种类型的面片，分别为三角形面片和四边形面片，这两种棉片类型都基于Bezier曲线。三角形面片只影响共用边界的顶点，不影响对角顶点的表面，因而在弯曲对象时边界较锐利，能够形成明显的褶皱。编辑四边形面片时，对角的顶点也互相影响，能够产生较为平滑的表面。图02(2)将新创建的对象命名为“脸”，为其添加一个“编辑面片”修改器，将其转化为面片对象。
HTML5的发展:微格式和相关的属性名称
2004年5月29日，在我退休的博客和所有的大话 ，当我调查40个设计师的网站，看看他们为公共页面元素使用的约定，如标题和横幅，导航，内容和页脚（那时候的结果 ）。这几乎不是科学研究，但在那年6月，我跟进了Eric Meyer的一些意见 ，并出版了一套命名约定。当我发现一个网站已经通过了这些命名约定时，我总是很高兴，我任然每一天都在用，甚至超过4年后的每一天。那时候我的想法可以概括成这样id和class属性名称必须反映元素的功能或内容，而不是反映了介绍。 所以出了header并再来branding; 出了footer并再取而代之的是site-info。Naming should take on almost an XML style structure.命名将要承担几乎整个XML式结构。因此，内部content来了 content-main , content-sub 和 content-supp 。这些约定为我服务的很好，我所做的，几乎没有改变他们的核心。毫无疑问，他们都使我的工作速度更快，更一致和更有益。 他们使建立产品更容易，以及更容易用我的思维方式培养与我共事的人 。命名约定起作用。微格式和相关的属性名称 让我们面对它，微格式，如hCard，hCalendar，hAtom和其他草案带来了如此多的属性值，以至于常常没有必要考虑哪一个构建文件或提供了哪一个约束CSS模式的挂钩这些更多的属性值。现在我使用微格式达到这种程度，以至于我甚至不使用class属性（微格式伴随的class属性除外）发展整个页面。在难得的场合，我需要添加一个新元素（假设布局目的的一个划分）我首先想到的是延伸微格式中已经存在的。我将给您举个使用hAtom模式的例子： 如果您正在保持微格式的优势，你已经注意到， entry-related不是 hAtom 模式的一部分，但在这种的情况下，我绝对地，明确地不得不有一个额外的因素，如何组成一个像related-sidelinks这样的属性值呢？
Maya Shake中Tracker的应用
Shake中Tracker节点类似于Match Move.但是它仅仅产生跟踪点.而不能进行合成处理.但是它也有自己的优势.可以创建更多的跟踪点进行计算.并且可以导出跟踪的信息.供别的软件使用.我以在MAYA中试验过了.可以导入SHAKE的信息进行计算 1.还是SHAKE中的那段BUS素材.给它加一个Tracker节点.参数如图所示： subPixelResolution 用于细分象素的分辨率.数值越高.跟踪的质量越好.同样耗费的时间也越多 referenceBehavior 用于控制跟踪的方式.这里选择update if above reference tolerance方式.使用一个容差值作为参考.计算的方式更加精确.基本的知识可以参考Shake的Match Move节点. 可以选择下面的ADD按钮来增加跟踪的点.这里我使用了3点的跟踪 点击放大 2 解算.如果发现精度降低了.可以从好的精度开始再次解算.并且改变参数.这里我很粗糙的进行了解算
幸福瞬间的纪录、器材运用
生一次的婚礼非常重要，也无法重头再来，所以要成为一名好的职业婚礼摄影师，除了齐全的摄影器材外，也必须同时具备专业度与敏锐度。DIGIPHOTO驻站达人布莱恩，这回亲自大方分享，在婚礼摄影这条路上的经验与心得，以及工作必备的摄影器材有哪些。 由于近来数字摄影普及化，即将步入礼堂的新人们，愿意付费聘请专业婚礼纪录摄影师的意愿，也越来越高。婚礼摄影不单单只是“纯影像纪录”，而是可以有美感、可以有故事性的，也许在多年后，婚礼布置、主持、造型.....等，都无法长久留下来，而能让人会心一笑的温馨感动，就是当天所记录的点点滴滴。 ▲令人温馨感动的画面，是婚礼摄影师拍照的第一要务。 职业婚摄的起点 人手一台DSLR或是EVIL，目前已是常态，当然也有新人会找有相机的朋友帮忙拍摄，给个红包价，不过会征询专业婚礼摄影的还是占大多数。 要不要聘请专业婚礼摄影，端看新人对于一生一次的婚礼纪录的重视程度，有些新人非要知名摄影师拍摄不可，有些新人则碍于预算上的考虑，有些则觉得找个朋友拍拍就好了。有些婚礼摄影师标榜使用*配备，但相机越好镜头越贵，就与高质量的婚摄作品画上等号? 相信大家心里自有一把尺。 当初笔者开始拍摄婚礼，也是误打误撞，朋友问我：“布莱恩拍照感觉挺有FU，可以帮忙我拍婚礼吗?”于是就这样开启我的婚摄之路，当然一开始也是戒慎恐惧，毕竟拍婚礼是新人一生重要的事，又是无法重来，说真的压力其实颇大，所以当时也跟几位前辈请益，甚至找机会现场跟拍，去了解婚礼仪式的环节及婚摄所扮演的角色。 ▲预备好自己的摄影器材与专业技术，才能捕捉到婚礼中精彩的一刻。
最新发布
XHTML+CSS:调用样式表
事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。 外部调用样式表 在以前，我们通常采用2种方法使用样式表： 页面内嵌法：就是将样式表直接写在页面代码的head区。类似这样： 外部调用法：将样式表写在一个独立的。css文件中，然后在页面head区用类似以下代码调用。 在符合web标准的设计中，我们使用外部调用法，好处不言而喻，你可以不修改页面只修改。css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。
与HTML相比XHTML有什么特点？
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 问:什么是XHTML? 答:XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势，就出现了这样一个问题:如果我们有了XML，我们是否依然需要HTML?为了回答这个问题，1998年5月我们在旧金山开了两天的工作会议，会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言，而且，已经有数以百万计的页面是采用HTML编写的。 问:为什么XHTML 1.0相对HTML 4.0独立发展? 答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基础上的延续。 问:XHTML 1.0如何实现XML标准? 答:XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)，他们只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。 2、与HTML相比XHTML有什么特点? (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点:不能适应现在越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂，这样你的页面要改变显示，就必须重新制作HTML。因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML过度的一个桥梁。
HTML文件中也玩include文件包含
在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！ 1.IFrame引入，看看下面的代码 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 你会看到一个外部引入的文件，但会发现有一个类似外框的东西将其包围，可使用： <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是IE5.5的话，可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no 2.<object>方式 <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object> 3.Behavior的download方式 <span id=showImport></span> <IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" /> <script> function onDownloadDone(downDate){ showImport.innerHTML=downDate } oDownload.startDownload('import.htm',onDownloadDone) </script>
分享HTML中少为人知的个性化标记
我们知道HTML是一种再简单不过的标记语言，一些基础性的知识，该说的已经说了，该讲的也已经讲得差不多了，没有人再去关注HTML还有什么新颖之处，其实不然，也许我们熟悉的只是HTML中极为常见的标记，但对于一些特殊的标记，您未必熟悉也未必使用过，但也许您会真的喜欢它们。 1、optgroup标记-对select元素中的选项进行逻辑分组 这个元素我们很少有人去关注它，也很少有人知道这个元素的功能是什么，其实，这个元素通常用于select元素中，其功能是对select元素中的选项进行逻辑分组。这个元素其实在很多场合我们都可能用到，比如我们对web访问者进行身份调查时通常会让其填写资料，以现住城市为例，您可能住在江苏省也可能住在山东省也可能住在其它省份，在这些省份下面还有市，这就需要进行分组，把这些市分组到所属省。通常情况下我们会这样写代码：<select><option selected>您所在的城市</option><option>---山东省---</option><option>济南市</option><option>莱州市</option><option>……</option><option>---安徽省---</option><option>合肥市</option><option>……</option><option>---江苏省---</option><option>南京市</option><option>……</option></select> 出来的效果是这样的： 您所在的城市 ---山东省--- 济南市 莱州市 …… ---安徽省--- 合肥市 …… ---江苏省--- 南京市 …… 其实这种方法是非常粗陋的，如果我们用optgroup元素将会达到不一样的效果：<select><option selected>您所在的城市</option><optgroup label="山东省"><option>济南市</option><option>莱州市</option></optgroup><optgroup label="安徽省"><option>合肥市</option><option>……</option></optgroup><optgroup label="江苏省"><option>南京市</option><option>……</option></optgroup></select> 出来的效果是这样的： 您所在的城市 济南市 莱州市 合肥市 …… 南京市 …… 这种方法是不是更好呢。 2、sub标记和sup标记-文字对象的上、下标设置
实现Web页面内容动态改变的dhtml操作
IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的，即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本，它可以反应属性中HTML标签的表现效果。 2. 对对象的outerText，outerHTML属性赋值(即写操作)会删除该对象。 以上四个属性的赋值操作只是替换原对象的文本内容，想要在页面中指定元素相关位置新增文本内容，需采用insertAdjacentHTML和insertAdjacentText方法。形式如下: object.insertAdjacentText(sWhere, sText) object.insertAdjacentHTML(sWhere, sText) 其中 sWhere 表示插入的文本相对于html标签的位置，有如下四个预设值: beforeBegin，afterBegin，beforeEnd，afterEnd 使用中需注意如下几点:
问与答 用HTML还是用XHTML
1、什么是是XHTML? HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 问:什么是XHTML? 答:XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势，就出现了这样一个问题:如果我们有了XML，我们是否依然需要HTML?为了回答这个问题，1998年5月我们在旧金山开了两天的工作会议，会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言，而且，已经有数以百万计的页面是采用HTML编写的。 问:为什么XHTML 1.0相对HTML 4.0独立发展? 答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基础上的延续。 问:XHTML 1.0如何实现XML标准? 答:XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)，他们只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。 2、与HTML相比XHTML有什么特点?
Html网页表格深层探密
1、用表格做流动分割线 我们知道，在网页中可以用<hr>标识来做分割线，也可以把表格设置为1个象素高或宽充当分割线。现在，我们将表格与Javascript结合，可以做出更生动的分割线――流动的分割线。加入以下代码，你就可以看到一条分割线，颜色在不断的流动。 <script> l=Array(6,7,8,9,'a','b','b','c','d','e','f') t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>" for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"} document.write(t+"</tr></table>") function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++ setTimeout('f1('+y+')',1)}f1(1) </script> 在上面的代码中，我们可以通过修改<table>标识中的height和width设置分割线的高度和长度。源代码如图一： 图一 效果显示如图二： 图二 2、带滚动条的表格 看看图一的效果，可千万不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了：<div style="overflow:auto;height:200;"> 当然，对应的在单元格结束</td>标识前加上</div>。我们可以更改height的值，来修改显示文段区域的高度。如以下的示例，就实现了图示的效果。 <table width="260" border="0"> <tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr> <tr><td bgcolor="#CCCCCC"> <div style="overflow:auto;height:160;"> 这里输入文段的内容。 </div> </td></tr> </table> 3、带标题的表格
一些不太常用的XHTML标签用法以及实例
做为 XHTML+CSS 开发人员，尽可能不要让自己有这样的念头：“只要制作出来的页面能够和设计效果图一致就行了，管它代码合理不合理、严谨不严谨，客户也不要求页面通过 W3C 验证……”——我们的目的是为了要写出尽量语义正确的合格文档，而不是为了要通过什么验证，假如一点也不考虑代码的语义性，仅仅要求能还原效果图就好，就又退回到 table 时代了～～那下面的文字内容，也不必再看下去了。举一个例子：当我们回到家以后，会把脱下来的鞋放到鞋柜，把买回来的肉放进冰箱，我们这些做法肯定不会乱来：把臭鞋放进冰箱，把肉搁进鞋柜？！标签也是这个道理，相关的内容要放入到合适的标签内，比如主标题就放到 h1 标签里，p 标签内装的就是文本段落，这样做，不是为了给人看的，而是要给那些：浏览器、拼写检查程序、翻译系统以及搜索引擎分度器看，毕竟最终解析这些代码的是机器。所以我们还是用机器的语言来跟机器沟通吧！认同以上观点的，请继续往下看：今天要说的不是那些常见标签（如：div、h1、p、dl、ul、ol、strong、span……），而是一些不太常用的标签（“不太常用的标签” 这个说法仅仅是个人定义），现在就大致介绍一下：1. <abbr></abbr> ——这个标签是用来包含缩写的文本举例：
HTML5和CSS3的一些新变化
互联网的发展总是在不断地催生新技术的产生，而HTML5和CSS3是最近一直被讨论的热门话题，对于每个互联网开发者尤其是前端开发者而言，都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢？我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》，PPT在这里：http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8HTML 5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。 HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。那么我们来看一下HTML5的技术概览有哪些：HTML5新增了很多多媒体和交互性元素如video, audio，在HTML4当中如果要嵌入一个视频或是音频的话需要引入一大段的代码，还有兼容各个浏览器，而HTML5只需要通过引入一个标签就可以，就像img标签一样方便。在页面布局和内容实现方面HTML5新增了很多结构化标签元素以及块级及语义元素，如果你要用HTML表示一个文件的上传进度条，在 HTML5中你可以用progress这个元素来表示，它有一个value属性描述了已经完成了多少任务，还有一个属性max描述了这个任务一共需要多少，还可以通过DOM接口得到这个进度条的position属性(只读)，也就是任务完成的百分比。Youtube在HTML5技术上已经做了一个尝试，http://www.youtube.com/html5(需要*) 是用HTML5做的一个DEMO，从整个页面源代码来看，非常简洁。当然HTML5也对一些元素新增了一些属性，如input和textarea的placeholder属性，相当于输入框的输入提示，script有一个async属性会影响脚本的加载和执行。对于所有的HTML共有的属性我们通常把它称作是“全局属性”，如class, id, tabindex, title，HTML5也新增了一些全局属性，如contenteditable, contextmenu, hidden等属性。HTML5还增加了对于微数据的支持，如HTML5新增的item, itempro, subject等属性。当然HTML5也移除了一些表示页面展现的元素，如font, center, strike等，这些本应该是CSS来做的，所以还是很好理解的，也移除了一些影响网站可访问性的元素如frame, frameset, noframe以及一些不常用的元素如acronym，而采用abbr来表示缩写。HTML5还移除了一些影响客户端兼容性的HTML熟悉，如link的rev属性，td的scope属性；HTML5也移除了一些表示页面展现的属性如一些元素的align,bgcolor属性。HTML5 提供了强大的控件类型如url, email, date, tel等，强大的约束属性，如required表示必填，文件上传的accept属性，以及一些表单重复元素模型的支持，HTML5在提交表单的时候还可以设置提交的方式为XML提交方式，这样服务器端接收到的数据将是XML格式，HTML5的表单被定义为“Web Forms 2.0”，目前opera9.5+对Web Forms 2.0的支持较为完美。点此查看Web Forms 2.0 DEMO，需要Opera9.5+HTML5在DOM LEVEL 2 HTML方面很多都是继承自HTMLDocument的接口，当然HTML5在DOM上也有一些值得注意的新成员，如：支持 getElementsByClassName，可以根据class类名选择元素，getSelection()将会返回当前选中的对象，在选择器上面有两个方法querySelector和querySelectorAll可以根据 css选择符来获取要查询的元素，相当于YUI3中的Y.one和Y.all。HTML5在Javascript上面新增了哪些API呢？HTML5让你心动了吗？那么HTML5什么时候会成为标准呢？据说要等到2022年，这有一个很有意思的网站http://ishtml5readyyet.com/告诉你还有多少天HTML5会真正到来。点击查看HTML5 DEMO，需要Firefox3.5+/Safari4.0+
网页制作教程:单独对IE6进行兼容
原文：Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs翻译：http://www.vfresh.org/w3c/727(译文对原文进行了补充)兼容IE6的第一步就是单独对IE进行兼容，你针对IE6所写的代码只影响IE6；有几种方法可以区分开IE6：IE特有条件注释、CSS选择器、JavaScript，我们将逐一讨论。使用IE特有条件注释微软给IE添加了条件注释以区分不同版本，任何东西都可以塞进条件注释里：标签、JavaScript、js文件、css、内联样式。可以使用条件注释来针对某一个IE浏览器版本来编写代码。规则如下：（译注：可参考IE 特有注释(hack)）运行代码框这段文字会在所有浏览器显示 <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 This message will only appear in versions of Internet Explorer less than or equal to version 6. <![endif]--> <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 This message will only appear in versions of Internet Explorer greater than or equal to version 6. <![endif]--> <!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本（不包含IE6）。 This message will only appear in versions of Internet Explorer greater than version 6. <![endif]--> <!--[if IE 5.5]> 这段文字仅显示在 IE5.5。 This message will only appear in Internet Explorer 5.5. <![endif]--> <!--在 IE6及IE6以下版本中加载css--> <!--[if lte IE 6]> [*] <![endif]--> 这段文字会在所有浏览器显示 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]使用条件注释加载css的好处是这些样式是独立于其他css文件的，因此不会在编写兼容代码时弄得一团糟；而且当IE6的市场份额降低到不需要兼容时，可以快速的清理掉。使用条件注释的唯一缺点是在IE浏览器下会增加额外的HTTP请求数，所以需要权衡是否这样做。但我不建议使用条件注释加载外部js文件，因为js文件会造成阻滞，在js未加载完之前其余文件都不会被加载；对于js请使用JavaScript程序来区分浏览器而非条件注释。使用CSS选择器区分开IE6如果你不打算使用条件注释，CSS选择器是另外一个区分开IE6的办法，IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。