站内优化DIV CSS的11个常见错误
2022-05-31 10:54:57
站内优化之DIV+CSS中的11个常见错误
网页的代码是否清晰规范，影响着网页的下载速度和搜索引擎的友好性。(优化技巧)所以在制作网页的时候要严格注意是否有太多错误代码。以及网页编码的类型？
1.你忘记定义文档类型(DTD)了吗？
如果无论你如何调整不同浏览器的显示结果，你都可以检查你是否忘记在页面的开头写下下面的DTD:
！DOCTYPE HTML PUBLIC \ '-//W3C//DTD HTML 4.01 Transitional//EN \ ' \ ' http://www . w3 . org/TR/HTML 4/loose . DTD \ '
2.检查HTML元素的拼写错误和忘记结束标记。
就连老马也经常会把div的嵌套关系搞错。您可以使用dreamweaver的验证功能来检查错误。
3.检查CSS是否正确
检查拼写错误，忘记结尾等。CleanCSS可以用来检查CSS的拼写错误。CleanCSS本来是为CSS减肥的工具，但是也可以检测拼写错误。
4.确定错误发生的位置。
如果错误影响到整体布局，可以逐个删除div块，直到删除一个div块后显示恢复正常，然后就可以确定错误的位置了。
5.使用border属性确定error元素的布局特征。
如果不小心使用了float属性布局，就会出错。这时候给元素加上border属性，确定元素的边界，就会找出错误的原因。
6.float元素的父元素不能指定clear属性。
在MacIE下，如果对浮动元素的父元素使用clear属性，那么它周围的浮动元素布局就会混乱。这是MacIE著名的bug。不知道就走弯路。
7.浮动元素
确保指定宽度属性。
很多浏览器在显示未指定宽度的浮动元素时会有bug。因此，不管float元素的内容是什么，都要确保为它指定width属性。另外，在指定元素时，尽量使用em而不是px作为单位。
不能指定边距和填充等属性。
IE在显示指定了边距和填充的浮动元素时有一个bug。因此，不要为浮动元素指定边距和填充属性(可以在浮动元素中嵌套一个div来设置边距和填充)。还可以使用hack方法为IE指定非常值。
宽度之和应小于100%
如果浮动元素的宽度之和正好是100%，一些古老的浏览器将无法正常显示。因此，请确保宽度之和小于99%。
8.是否重置默认样式？
一些属性，如边距、填充等。不同的浏览器会有不同的解释。因此，在开发之前，最好将所有边距和填充设置为0，并将列表样式设置为无。
相关阅读：
