css+div(兼容性)[www.aiqu.tv推荐].doc.docVIP

针对各种浏览器css不兼容的写法 处理浏览器BUG问题　　关于这点，不知那位高人把CSS BUG变成顺口溜了！在这里引用一下，很容易记住的！　　1、IE边框若显若无，须注意，定是高度设置已忘记；　　2、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；　　3、三像素文本慢移不必慌，高度设置帮你忙；　　4、兼容各个浏览须注意，默认设置行高可能是杀手；　　5、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；　　6、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。 、所有标签皆有源　　只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。、图片链接排版须小心　　图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。、IE浮动双边距　　请用display：inline。、列表横向排版　　列表代码须紧靠，空隙自消须铭记。　　DIV+CSS学习是一条很长的路，真正走下去必须要有一颗虔诚的新心 /*针对谷歌浏览器内核支持的CSS样式*/@media screen and (-webkit-min-device-pixel-ratio:0) {样式}/*针对IE6特制识别的CSS样式*/*HTML .SearchBox{样式}针对Firefox浏览器的内核CSS写法：@-moz-document url-prefix() {.font1 {color:red}}IE8就是自己来调试了。调试一个浏览器，有不合适的地方可以在该内核css中重写对应的方法，只需把不合适的样式重写即可实现。*HTML中则例外，需要每重写一个都要加*HTML单独处理。针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{color:#000;}如果只让ff、IE8看见用html/**/body .head{color:#000;}如果只是不让ie6看见用htmlbody .head{color:#000;} 即对IE 6无效如果只是不让ff、IE8看见用*body .head{color:#000;} 即对ff、IE8无效针对具体属性如果只让ie6看见用_ .head{_color:#000;}如果只让ie7看见用+与_结合的方法: .head{+color:#f00;!;_color:#000;}IE8正式版hack\9″　例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox.“*”　IE6、IE7可以识别.IE8、FireFox不能.“_”　IE6可以识别”_”,IE7、IE8、FireFox不能.如：.a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; }从左到右分别对应 FF,IE8 IE7 IE6=============================P{+color:#f00;} 支持 IE7 IE6 不支持 FF IE8bP{_color:#f00;} 支持ie6 不支持 FFP{color:#f00; !important;} P{color:#f00;} 支持 IE6 IE7 IE8b FFP{color:#00f !important;color:#f00; } 支持IE7 IE8b FF 不支持IE6head:first-child+body p{color:#f00;} 支持IE7 IE8b FF 不支持IE6/*\*//*//**/ 支持IE8b 不支持IE6 IE7 FFhtml*{color:#f00} 支持IE6 IE7 不支持 IE8b FFbodyp{color:#f00} 支持IE7 IE8b FF 不支持 IE6html[xmlns] p {color:#f00