xhtml css构架遇到的问题及解决方案

《xhtml css构架遇到的问题及解决方案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、XHTMLCSS构架遇到的问题及解决方案XHTML+CSS构架遇到的问题及解决方案.txt不要放弃自己！-------（妈妈曾经这样对我说，转身出门的一刹那，我泪流满面，却不想让任何人看见！）看到这一句小编也心有感触，想起当初离家前往几千里外的地方的时候，妈妈也说过类似的话，但是身为男儿，必须创出一片天，才能报答父母的养育之恩！！使用XHTML+CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇到的问题写在下面。1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法：d

2、ivcssxhtmlxmlExampleSourceCodeExampleSourceCode[www.52css.com]div{margin30px!important;margin28px;}注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：divcssxhtmlxmlExampleSourceCodeExampleSourceCode[www.52css.com]div{maring30px;margin28px}重复定义的话按照最后一个来执

3、行，所以不可以只写marginXXpx!important;2.IE5和IE6的BOX解释不一致IE5下div{width300px;margin010px010px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改：divcssxhtmlxmlExampleSourceCodeExampleSourceCode[www.52css.com]div{width30

4、0px!important;width340px;margin010px010px}关于这个是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）3.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义divcssxhtmlxmlExampleSourceCodeExampleSourceCode[www.52css.com]ul{margin0;padding0;}就能解决大部分问题4.关于脚本，在xhtml1.1中不支持language属性，

5、只需要把代码改为divcssxhtmlxmlExampleSourceCodeExampleSourceCode[www.52css.com]div+css编辑网页firefox下错位的解决方法{clear和float属性}好不容易编辑好的网页导航，在FIREFOX下测试发现错位的厉害，毫无美感可言{原因找出，原来是当时测试的一个代码，测试完了忘记改了过来，额的个神，用了我一个多小时}没办法，做为使用比较多的浏览器之一，不能不考虑适应它。出现错位混乱的原因主要是因为IE和FIREFOX的标准不同，某些属性的释义出现相差所致。没办法只好边学边用了

6、。clear和float属性在css文件里定义的容器时加入clear属性来控制页面clear属性说明：该属性的值指出了不允许有浮动对象的边。注意这里要注意和float属性的区分float：该属性的值指出了对象是否及如何浮动。当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。clear属性支持的参数有下面4个：none　允许两边都可以有浮动对象both　不允许有浮动对象left　不允许左边有浮动对象right　不允许右边有浮动对象

7、而float属性支持的参数有下面3个：none　对象不浮动left　对象浮在左边right　对象浮在右边DOCTYPE影响CSS处理FFdiv设置margin-left,margin-right为auto时已经居中,IE不行FFbody设置text-align时,div需要设置marginauto(主要是margin-left,margin-right)方可居中FF设置padding后,div会增加height和width,但IE不会,故需要用!important多设一个height和widthFF支持!important,IE则忽略,可用!i

8、mportant为FF特别设置样式div的垂直居中问题vertical-alignmiddle;将行距增加到和整个DIV一样高line-height2