<b>DIV+CSS筹划简单犯的10个错误</b>[网站美工]
本文“<b>DIV+CSS筹划简单犯的10个错误</b>[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
DIV+CSS是网站尺度(或称“Web尺度”)中常用的术语之一,普通为了阐明与HTML网页计划语言中的表格(table)定位方法的辨别,因为XHTML网站计划尺度中,不再利用表格定位技术,而是采取DIV+CSS的方法实现各种定位.利用利用DIV+CSS编码时很简单犯一些错误.本文摆列了一些常见的错误:
1. 查抄HTML元素能否有拼写错误、能否忘掉完毕标志
即便是熟行也常常会弄错div的嵌套关系.可以用dreamweaver的考证功效查抄一下有没有错误.
2. 查抄CSS能否精确
查抄一下有没有拼写错误、能否忘掉末尾等.可以操纵CleanCSS来查抄 CSS的拼写错误.CleanCSS本是为CSS减肥的工具,但也能查抄出拼写错误.
3. 肯定错误发生的位置
假如错误影响了整体筹划,则可以一一删除div块,直到删除某个div块后显示恢复正常,便可肯定错误发生的位置.
4. 操纵border属性肯定出错元素的筹划特点
利用float属性筹划一不当心就会出错.这时为元素增添border属性肯定元素边界,错误缘由即水落石出.
5. float元素的父元素不能指定clear属性
MacIE下假如对float的元素的父元素利用clear属性,四周的float元素筹划就会混乱.这是MacIE的着名的bug,假使不知道就会走弯路.
6. float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug.所以不管float元素的内容若何,一定要为其指定width属性.别的指定元素时尽大概利用em而不是px做单位.
7. float元素不能指定margin和padding等属性
IE在显示指定了margin和padding的float元素时有bug.因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding).也可以利用hack办法为IE指定分外的值.
8. float元素的宽度之和要小于100%
假如float元素的宽度之和恰好是100%,某些陈腐的浏览器将不能正常显示.因此请保证宽度之和小于99%.
9. 能否重设了默许的款式?
某些属性如margin、padding等,差别浏览器会有差别的注释.因此最好在开辟前首先将全部的margin、padding设置为0、列表款式设置为none等.
10. 能否忘掉了写DTD?
假如无论怎样调整差别浏览器显示后果还是不一样,那么可以查抄一下页面开首是不是忘了写下面这行DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd>
以上是“<b>DIV+CSS筹划简单犯的10个错误</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |