个人css总结

1.p标签里面不能包含div标签例如

111

22222222222

这种标签下div会回另起一行的
2.div的层级关系。以前会遇到这种情况，两个绝对定位的div块上面的div的z-index无论设置的多打都不会遮住下面的下面的div。
这是ie6的bug，解决办法是设置它的父集的z-index。例如

这样 childBox01就可以挡住childBox02了,值得注意的事z-index也可以设置负值，相对定位的div的z-index都为0；这样的话
设置的绝对div就会被相对块遮住。
3.$().css()里面写多个属性，以前一直不会写，正确的写法是css({"width":"200px","height":"100px","float":"left"})
4.文档超出部分用省略号显示，就是一段话只显示一行，不自动折行，多出部分显示省略号。

指的注意的text-overflow：elipsis这个属性只对IE有效，也就是说只有ie才会显示多出部分显示省略号。
5.如何让层显示在flash上、select上，网上有很多办法。我常用的两种
（1）.给flash设定
（2）.在div里面加上
6.设置最小高度。在ie6里面设置最小高度是没有用的，不过可以这样：.divBox{min-height:100px;_height:100px;}这个原理是在ie6中当div中的内容超出
div的高度时，它会自动撑开，而不是像其他ie版本溢出去。
7.不确定宽度的块级元素水平居中，以前我会设置的这个块级元素的margin-left来达到居中效果，但是前提是块级元素的宽度不变，如果变了我就得重新设置margn-left。所以这是一种错误的方法，正确的办法，目前网上传播的有三种
第一种是给div外面套一个table 这样就可以设置居中了，虽然table的宽度不确定。但是给她设定margin：0 auto；是可以让他剧中的，这样也就间接的让不
确定宽度的div居中了。
第一种是，举个例子

第三种，还是上面的结构

这三种方法各有利弊，酌情使用。
8.关于伪类：focus，在ie6中a:hover、li:hover他并不能识别，所以如果要考虑兼容ie6的话，最好的办法就是写jquery。
9.关于display：inline-block，我个人不喜欢这种属性，因为使用hack w3c无法通过的标签属性并不是一种好办法，而且他对块级元素并不起作用。
10.关于csssprite，刚开始接触的时候，我在每个网页中都要尽可能的用到，一个是真的很好用，另一个是可以在面试的时候显摆一下，但是现在我的看法是，如果你的网站并不是很大的话，csssprite能不用就不要用了，一个是维护起来非常的难你稍微修改一下背景图片的话，有可能就很影响全局，而且在制作的时候要大量的运算，这样会降低你的速度，第三个方面，对于我们经常使用的X方向重复，Y方向重复，使用csssprite也很难实现，就算实现，也违背了我们的初衷，即加快网站的加载速度。不过对于大型的网站，使用它的优势还是显而易见的。
11.外面建议对js不太熟悉，又不想扒别人的童鞋们在写焦点图和表单验证的时候，可以参考使用myfocus.js和validform.js