|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
IEvsFF
CSS兼容要点:
DOCTYPE影响CSS处置
FF:div设置margin-left,margin-right为auto时已居中,IE不可
FF:body设置text-align时,div必要设置margin:auto(次要是margin-left,margin-right)方可居中
FF:设置padding后,div会增添height和width,但IE不会,故必要用!important多设一个height和width
FF:撑持!important,IE则疏忽,可用!important为FF出格设置款式
div的垂直居中成绩:vertical-align:middle;将行距增添到和全部DIV一样高line-height:200px;然后拔出笔墨,就垂直居中了。弱点是要把持内容不要换行
cursor:pointer能够同时在IEFF中显现游标手指状,hand仅IE能够
FF:链接加边框和背景致,需设置display:block,同时设置float:left包管不换行。参照menubar,给a和menubar设置高度是为了不底边显现错位,若不设height,能够在menubar中拔出一个空格
XHTML+CSS兼容性办理计划小集
利用XHTML+CSS构架优点很多,但也的确存在一些成绩,不管是由于利用不纯熟仍是思绪不明晰,我就先把一些我碰到的成绩写鄙人面,省的人人到处找^^
1.在mozillafirefox和IE中的BOX模子注释纷歧致招致相差2px办理办法:- div{margin:30px!important;margin:28px;}
复制代码 注重这两个margin的按次必定不克不及写反,据阿捷的说法!important这个属性IE不克不及辨认,但其余扫瞄器能够辨认。以是在IE下实在注释成如许:- div{maring:30px;margin:28px}
复制代码 反复界说的话依照最初一个来实行,以是不成以只写margin:XXpx!important;
2.IE5和IE6的BOX注释纷歧致IE5下div{width:300px;margin:010px010px;}div的宽度会被注释为300px-10px(右添补)-10px(左添补)终极div的宽度为280px,而在IE6和其他扫瞄器上宽度则是以300px+10px(右添补)+10px(左添补)=320px来盘算的。这时候我们能够做以下修正- div{width:300px!important;width/**/:340px;margin:010px010px}
复制代码 ,关于这个/**/是甚么我也不太分明,只晓得IE5和firefox都撑持但IE6不撑持,假如有人了解的话,请告知我一声,谢了!:)
3.ul标签在Mozilla中默许是有padding值的,而在IE中只要margin有值以是先界说就可以办理年夜部分成绩
4.关于剧本,在xhtml1.1中不撑持language属性,只必要把代码改成- <scripttype="text/javascript">
复制代码 就能够了
</p>
结构清晰,容易被搜索引擎搜索到,天生优化了seo |
|