首页 > 开发 > CSS > 正文

总结9条DIV+CSS网页设计容易发生的错误

2020-03-24 18:35:35
字体:
来源:转载
供稿:网友
DIV+CSS网页设计已经成为目前的主流应用,但是有时候出现问题会导致我们的网页效果不如人意,下面我们就总结9条DIV+CSS网页设计容易发生的错误: 1. 如果你是手写代码,一定不要将HTML和CSS拼写错误,不要忘了闭合标签 很多朋友都非常熟练写代码了,但是在熟练也有失手的时候,可以使用DW来检查下 2. 如何确定发生错误或者错位的DIV 我们一般都是采取逐层删除DIV块,来确定发生错误的DIV块,直到显示正常,就发现了错误的DIV块。 3. 快速检测错误布局的样式 我们可以给每一个DIV层设这Border属性,设置不同的颜色,一眼就可以找到错误 4. 在Macie上有一个float 大bug 如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的着名的bug,倘若不知道就会走弯路 5 当你使用Float标签时,请务必给DIV块定义宽度 width 在IE6中,如果不给DIV浮动层确定宽度就很容易引起错位,所以我们建议一定设置浮动的DIV的宽度。 6. 切勿直接给Float块定义Margin和Padding值 IE6中有一个非常大的BUG,就是3PX和双边距,如果你设置浮动div块的这两个值,就会产生这两个错误,我们简直是在浮动DIV块内在建一个DIV,然后控制这个DIV块的位置。 7. 使用FLOAT显示一排元素时,他们的宽度不能大于等于100%,会变形,到99%宽度就足以 这也是IE中的超级大BUG,如果FLOAT元素宽度到了100%,就会变形。 8. 如果设置了全局标签参数,不要忘了在某些地方需要重新定义 我们在使用DIV块和UL LI的时候,一般喜欢把样式清除掉,这是你就要在各个标签中重新定义,否则都会适应弄个全局标签设置的样式。 9. 不要忘记html中的头部元素标签 不要忘记HTML的头部信息,那是非常重要的,能让你的代码兼容各种浏览器html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表