人没有完人,任何人都会犯错,但是犯错也要看是大的错误,还是小的错误,今天就总结一下我们平时建站中关于网站制作职位经常用到的 css 样式中经常出现的错误吧,希望有些问题不是问题的问题大家能够切记!比如拼写错误,规范性等。
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 宣告。