用div+css对网站进行布局时经常会遇到的10个错误

发布者:云商网络 来源:http://www.baisoubao.cn/ 发布时间:2011-11-12 8:29:09 浏览量:

衡水网站建设经过这几年来,给客户制作网站的经验总结出以下10条在制作web2.0网站的时候技术人员经常范的10点小毛病,虽然不可致命,但是还需谨慎

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元素的宽度之和要小于**
如果float元素的宽度之和正好是**,某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。


9. 是否重设了默认的样式?
某些属性如margin、padding等,不同浏览器会有不同的解释。因此**好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。


10. 是否忘记了写DTD?
如果无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头是不是忘了写下DTD声明。


相关新闻:安平用div+css对网站进行布局时经常会遇到的10个错误
冀州区用div+css对网站进行布局时经常会遇到的10个错误
深州用div+css对网站进行布局时经常会遇到的10个错误
枣强用div+css对网站进行布局时经常会遇到的10个错误
武邑用div+css对网站进行布局时经常会遇到的10个错误
武强用div+css对网站进行布局时经常会遇到的10个错误
饶阳用div+css对网站进行布局时经常会遇到的10个错误
景县用div+css对网站进行布局时经常会遇到的10个错误
故城用div+css对网站进行布局时经常会遇到的10个错误
阜城用div+css对网站进行布局时经常会遇到的10个错误
我们可为您提供如下网络服务: 营销型网站建设 商标注册 百度爱采购 竞价帐户托管 阿里淘宝装修 seo网站优化 支付接口对接 站群系统 程序开发 网站维护
(转载请注明转自:http:www.baisoubao.cn 网站建设 谢谢!)
上一篇:中小企业做网站优化的益处
下一篇:域名被信任度直接影响搜索引擎对网站的抓取