div+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:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.pcate.com/TR/html4/loose.dtd\"> 

«1»
日历
网站分类
搜索
最近发表
Tags列表
网站收藏
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

Powered By 域名

Copyright 【注册年龄15年以上的域名】. Some Rights Reserved.