品牌设计
Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个品牌项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

PID派点互动

地 址:广州市天河区金慧路88号11栋138单元(华南农业大学内)

电 话:+020- 3855 0205 3855 0745

传 真:+020-3855 0745

E-mail:925774558@qq.com

填写您的项目信息

captcha

广州网站开发:Div+CSS10个常见错误

标签:广州网站开发,网站开发,网站开发公司

网站开发中,Div+CSS是必不可少的,然而在开发过程中,还是会出现各种的错误,Div+CSS是网站规范(或称“WEB规范”)中常用的专业术语之一,一般以便说明与HTML网页设计语言中的表格(table)定位方式的差别,

由于XHTML网站设计规范中,不再使用表格定位技术,反而是选用Div+CSS的方式完成各种定位。运用应用Div+CSS编码时非常容易犯一些错误。小派列举了经常出现的一些错误,供大家参考!

 

1、检测HTML元素是不是有拼写错误、是否忘了结束标识

 就算是老手也常常会搞错div的嵌套关系。可以用dreamweaver的检验功能检查有没有错误。

 

2、找寻产生错误的具体位置

 假如错误干扰了总体布局,则可以逐一删掉div块,直至删掉某个div块后显示完全恢复,就可以确认错误产生的部位。

 

3、检测CSS是否恰当

 检测CSS是否出现拼写错误、是不是忘了结尾的}等。可以运用CleanCSS来检测,CSS的拼写错误。CleanCSS本是为CSS瘦身的专用工具,但还可以检测出拼写错误。

 

4、运用border属性确认出错元素的布局特性

 选用float属性布局无意间就会出错。这时候为元素加上border属性确认元素界限,错误原因即真相大白。

 

5、尽可能给float元素特定width属性

 许多浏览器在显示未指定width的float元素时会有bug。因而无论float元素的内容怎样,必须要为其特定width属性。此外特定元素时尽可能选用em而不是px做单位。

 

6、留意float元素的父元素不可以指定clear属性

 MacIE下假如对float的元素的父元素选用clear属性,周边的float元素布局就会错乱。这也是MacIE的有名的bug,假若不清楚就会迷失方向。

 

7、float元素不可以指定margin和padding等属性

 IE在显示指定了margin和padding的float元素时有bug。因而不可以对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设定margin和padding)。还可以选用hack方法为IE特定特别的值。

 

8、是否重置了默认的样式?

 某一些属性如margin、padding等,不同浏览器会有不一样的解析。因而最好在开发前先将整体的margin、padding设定为0、列表样式设定为none等。

 

9、float元素的宽度总和要低于100%

 假如float元素的宽度总和恰好是100%,一些原始的浏览器将无法正常显示。因而请确保宽度总和低于99%。

 

10、是否忘记了写DTD?

 假如不管怎样调节不同浏览器显示结果依然不同,那么可以检查一下页面打头是否忘记了写下面这行DTD。(即HTML代码上边的声明)

 

以上就是经常出现的一些错误,大家在开发网站的过程中,一定要细心,不要投机取巧,严格按照规范去写代码,写的多了,自然就熟悉了,不会在出现这种问题,希望这些能帮到大家!


更多网站开发广州网站开发网站开发公司等相关需求,欢迎您咨询派点互动




返回列表
在线沟通

Are you interested in ?

感兴趣吗?

有关我们服务的更多信息,请联系

135 7039 2915 李先生

与我们合作

与派点合作,您将会得到更成熟的网站建设服务。我们以客户至上,同时也相互挑战,力求呈现最好的网站建设成果。

品牌顾问热线(李生):

+135 7039 2915

TOP

QQ客服

免费电话