CSS调试和兼容小贴士
作者：跑调，发布于July 22, 2010，这是一篇关于css,tips的文章
本文记录css编写、调试的过程中经常遇到的问题，以提示自己进步！可能水平很“洼”，见谅了。
本文不间断更新，待续吧，想到什么追加什么。你要是想到了也和我说一下呗~~
1，如何让元素产生一个负边距？比如子元素把脑袋伸到父元素的外面去？
主要应用margin可以是负值的特点，但是css并不是那么听话，必须定义了position:才可以有效果。
代码如下：.box{margin-left:-10px;width:100px;height:100px; z-index:999;position:relative;}
2，如何让A元素覆盖到B元素的上面
主要应用z-index，值越大，则越上层显示，离读者更近。也哟啊定义positon才有效果，如上例。
3,display:inline-block;昨天只是写了写，还是再学习深入一点，做试验试试先。
4，关于IE8.js
未学习，做计划
未完待续-------
已有 18 条评论 »
@枫雪
不难不难，变改变学。
看起来好难噢...
inline-block的宽度和inline是一样的
@猜猜
总结到文章里了。
嗯，除了内容同行、默认宽度为实际宽度这两个影响全局性布局的因子以外，其它特性和块一样。
inline元素的特点：和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。
block元素的特点：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。
inline-block的特点是不是就是元素在同一行，高度宽度及上下边距可控？
inline-block的含义就是，在整体表现为内联元素的前提下，细节上表现出块级元素的特征。无方向，没有浮动的破坏性。
IE6的话，你可以试试看引用IE8.js，看看能不能自动适应IE6.
这么或inline-block是没有方向性的了？我没用过，一般都是block+float实现。同样效果的，还是用兼容性最好的吧
CSS动态和投影都是“未来”版的效果，反正我现在也不追求各浏览器效果精确相同，用上这效果算权当是给webkit的彩蛋了，其它浏览器还是按部就班管自己……
话说我最近用display:inline-block;用得很勤，这是指以块模式渲染内联元素，如果要对内联元素定义高宽和内外补丁，就需要加上这个。不过IE6不支持，过去IE6一般都是用block+float来实现相关效果的。
IE下慎用滤镜（IE不支持CSS透明，只能用滤镜透明模拟），滤镜只能渲染块边界以内的部分内容，如果需要有内容溢出的话，不光不渲染，而且会被直接切掉。
都是这么过来的吧，除非他们科班儿的。
当然可以，不过css动态和投影我从来不用，js才能实现的效果我尽量不用。咱们把遇到的问题和解决方法都综合起来呗。做个备忘录。
CSS Tips什么的，能不能给跑调大坏蛋供稿啊？
以前我写的CSS，满屏幕的对不同浏览器的hack。
现在用IE8.js，跨浏览器方面省了大心了。（IE9.js有Bug，不想用）
然后对IE6什么的完全无视，又省了一大笔心思。
之后经过一段时间的“纯净”代码，现在又开始满屏幕的CSS3私有标签了……
webkit大爱，CSS动态和投影什么的，只有它支持……
最近我也刚学CSS,从基本看起来太慢了，而且记性不好，容易忘，建议先找网站仿模板开始，然后自已尝试写模板，那样子学的更快点~~~
@iifksp 这些其实css手册里讲了的，不算hack吧。
标准大行其道之时，就可以抛开这些CCS hack了。不过好像是做梦。
CSS好难学噢。。
@未扬清
慢慢写噻，想到什么填什么。
啊 怎么不写完呀，就这点？难道出去了？