html文件怎么可以查错,CSS_CSS 网页布局中易犯的10个小错误小结，1. 检查HTML元素是否有拼写错误

CSS 网页布局中易犯的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元素的宽度之和要小于100%

如果float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和

小于99%。

9. 是否重设了默认的样式？

某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的

margin、padding设置为0、列表样式设置为none等。

10. 是否忘记了写DTD？

如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下

DTD声明。

注: 本文来源于网络，出处不明。相关阅读:

使用拼凑URL的方法，实现DotNetNuke在新窗口中打开内容(一)

小议Oracle外键约束修改行为(三)

ASP.NET MVC Framework体验(3)：表单提交

W3C教程(16):其他的W3C活动

创建 Access 2007 表上

Zen Coding css,html缩写替换大观快速写出html,css

DOCTYPE类型详细介绍

javascript 日期联动选择器 [其中的一些代码值得学习]

捌度空间缓存类

示波器上跑起Ubuntu 还能扫雷

Windows7 电源管理功能说明

sqlyog 中文乱码问题的设置方法

Java开源项目Hibernate

在.NET环境下绘制模糊数学中隶属函数分布图

html文件怎么可以查错,CSS_CSS 网页布局中易犯的10个小错误小结，1. 检查HTML元素是否有拼写错误 - phpStudy...相关推荐

html中的分离式布局,DIV+CSS技术在网页布局中的应用
摘要信息科学技术的进步使得互联网技术行业快速发展起来.其中网页设计作为互联网技术行业中重要的一部分,应用先进技术提高其工作效率与工作质量具有重要意义.DIV+CSS技术在网页布局中的优势作用使得其 ...
css网页布局中文字排版的属性和用法
前段时间,学习了几个大的网站的图文混排的方法.今天总结下, css网页布局中文字排版的相关属性以及用法 .包括:设定字体.颜色.大小.段落空白,首字下沉.首行缩进.中文字的截断.固定宽度词内折行(wo ...
网页布局中的 px,em,rem,pt
网页布局中的 px,em,rem,pt 设备像素:也叫物理像素,显示设备上最微小的物理部件. 比如 iphone 5:640 x 1136px. 不同的机型有不同的设备像素,固定死的. 这里需要讲一下 ...
移动端网页布局中需要注意事项以及解决方法总结
移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a.input标签被点击时产生的半透明灰色背景怎么去掉 <meta name=&qu ...
DivCSS网页布局中CSS无效的十个常见原因
在学习DivCSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错.验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持 ...
网页设计中HTML常范的五个错误
1.网页背景色的设置犯错机率:很大普遍性:较广犯错可能性:懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过. 绝大部 ...
c语言常考易错知识点,C语言中易错点知识点拾遗
C语言中易错点知识点拾遗 1. 首先,feof()是文件结束检测函数,如果没有结束,返回值是 0,结束了是 1 由于 feof(fp)返回 0 才是没有结束,所以通常写成 while(!feof(f ...
保定网站建设网页设计中不容错过的10大色彩理论
色彩理论在设计中的应用鲜为人知,但却是一种唤起用户情感的极佳方式.我们只需要环顾四周,就能感受到色彩的重要性.不同的色彩和色调会调动用户不同的情绪和反应.虽然网页设计师不必精通于色彩的应用,但对于其用 ...
【转帖】详解CSS网页布局中默认字体样式
转自:http://www.52css.com/article.asp?id=1174 浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样 ...
结合html和css制作页面的布局结构,CSS Div网页布局中的结构与表现
在Web标准中一个很重要的概念就是强调页面的结构与表现分离.说的通俗一点就是XHTML中应该没有样式化的东西,而且Web在浏览器中除内容外都应该由CSS表现,这包括布局与其它样式.一旦一个标准的XHT ...

html文件怎么可以查错,CSS_CSS 网页布局中易犯的10个小错误小结，1. 检查HTML元素是否有拼写错误 - phpStudy...

html文件怎么可以查错,CSS_CSS 网页布局中易犯的10个小错误小结，1. 检查HTML元素是否有拼写错误 - phpStudy...相关推荐

最新文章

热门文章