《
如何检查调试CSS布局代码》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340602013.htm
某些属性如margin、padding等,不同浏览器会有不同的说明,如何查找页面中的CSS bug。因此最好在开发前首先将全部的margin、padding设置为0、列表样式设置为none等。
假如错误影响了整体布局,则能够一一删除div块,直到删除某个div块后显示恢复畸形,即可断定毛病产生的地位。
MacIE下如果对float的元素的父元素使用clear属性,四周的float元素布局就会凌乱。这是MacIE的有名的bug,假使不晓得就会走弯路。
4. 应用border属性确定出错元素的布局特征
应用float属性布局一不警惕就会犯错。这时为元素增加border属性肯定元素边界,错误起因即真相大白。
--> [
网站建设之]如何检查调试CSS布局代码
即便是老手也常常会弄错div的嵌套关联,如何构架一个大型网站。可以用dreamweaver的验证功效检查一下有无错误。
6. float元素务必指定width属性
良多浏览器在显示未指定width的float元素时会有bug。所以不论float元素的内容如何,必定要为其指定width属性。
8. float元素的宽度之跟要小于100%
另外指定元素时尽量使用em而不是px做单位。
7. float元素不能指定margin和padding等属性
5. float元素的父元素不能指定clear属性
9. 是否重设了默认的款式?
目前主流网页布局设计中,CSS都占领很主要的局部,然而面对一条条的CSS代码,如何有效编写软件的75条建议,检测成了问题,本文就此为大家先容多少种检查调试CSS布局的有效办法。
1. 检讨HTML元素是否有拼写过错、是否忘却停止标志
IE在显示指定了margin和padding的float元素时有bug,如何有效创建个性化404错误页面。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方式为IE指定特殊的值。
2,如何更有效的写出CSS代码. 检查CSS是否书写准确
如果float元素的宽度之和正好是100%,某些古老的阅读器将不能正常显示。因而请保障宽度之和小于99%。
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
10. 是否忘记了写DTD?
Tag:CSS 布局 代码 CSS 布局 代码
3. 用删除法确定错误发生的位置
(责任编辑:网站建设)
如何检查调试CSS布局代码相关文章