今天做一个功能，根据select元素选择的不同selectedIndex项，显示一个表格里指定的tr项。
     首先：$("#table tr:gt(0)").css("display","none"); 这个没问题，当要显示的时候.css("display","block"),在FF中布局一下就乱掉了。试了几次都是如此，想了一下，是不是在FF中表格的TR元素display不是block呢？于是直接.css("display")，原来是table-row，改过来后，发现IE里又报错了，于是加一个判断，伪// if(ie){ display:block}else{ display:table-row}，OK，大功告成。 ......

转载自：div+css优点
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
最近面试了多家公司...有个关于div+css布局好处的问题,问了好多次..我回答了一些,但是不太全面..
今天从网上系统的搜索到了一些,参考
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码；CSS是CascADIng style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者所有页数的网页的外观和格式。
Div+CSS标准具有以下优点:
1、因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而大大缩减页面代码，提高页面浏览速度。
2、结构清晰，对搜索引擎更加友好。更容易被搜索引擎收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
3、兼容性更好，符合web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同的浏览器中效果差距很大的情况。
4、缩短改版时间，因为网站的布局都是通过外部 ......

在许多网站上我们可以看到很个性的鼠标指针(cursor)，在网页设计中用CSS可以方便的实现这样个性鼠标指针的效果,该CSS属性就是"cursor"属性。
首先我们介绍一下系统自带的15个鼠标效果：
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 
用css控制的语法如下:
<span style="cursor:*" mce_style="cursor:*">文本或其它页面元素</span>
 
把 * 换成如下15个效果的一种：
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！ 
hand是手型 
crosshair是十字型 
text是移动到文本上的那种效果 
wait是等待的那种效果 
default是默认效果 
help是问号 
e-resize是向右的箭头 
ne-resize是向右上的箭头 
n-resize是向上的箭头 
nw-resize是向左上的箭头 
w-resize是向左的箭 ......

彻底弄懂CSS盒子模式(DIV+CSS)
非常好的DIV布局原理与实例教程,对WEB标准布局有兴趣的朋友可以看看以下内容:
Web标准,彻底弄懂CSS盒子模式一:DIV布局快速入门
Web标准,彻底弄懂CSS盒子模式二:导航栏实例详解
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[1]
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[2]
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[3]
Web标准,彻底弄懂CSS盒子模式三:绝对定位和相对定位[1]
Web标准,彻底弄懂CSS盒子模式三:绝对定位和相对定位[2]
Web标准,彻底弄懂CSS盒子模式三:绝对定位和相对定位[3]
Web标准,彻底弄懂CSS盒子模式三:定位强化练习[1]
Web标准,彻底弄懂CSS盒子模式三:定位强化练习[2]
 
文章转自网站制作教程网 ......

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
 
CSS技巧
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
 2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}
3.浮动ie产生的双倍距离
 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素) ......

  工厂模式在设计模式中可以说是最简单的一个模式了！我们平常写程序的时候工厂模式用的非常的广泛!这里我们就来详细的探讨一下工厂模式。
   工厂模式是怎样诞生的呢？在实际的编程过程当中我们经常要碰到一个问题，就是类的封装，也可以说是隐藏产品类！这样我们就出现了工厂模式！这个模式就是专门用来隐藏产品类的！平常我们要是创建一个Sprite类的实例我们会这样写：
var my:Sprite = new Sprite();
addChild(my);
   这样写看似简单明了！但事实上不符合我们隐藏产品类的目的！设想一下！这样写之后，在类中任意一个方法都可以访问到这个对象，这是我们不希望的。所以，我们就要想办法隐藏这个Sprite（在实际编程的时候一般都是比较复杂的对象）类。那么我们怎么做呢？首先我们要有一个思路！就是使用“中介”（这个名字是我自己起的）。这个中介是产品类与客户中间的一座桥梁，我们通过中介来生成产品。这样就可以来隐藏产品类了！
 那么好了，我们来看一个简单的实例吧！这里我们的产品类使用的是接口！那么我们这个产品做什么呢？为了简单起见，我们的产品一个画一个正方形，另一个画一个圆形。这样来区分2个产品 ......