容易犯的是个css页面设计小错误
2010-03-27 09:40
141 查看
CSS网页布局中易犯的10个小错误
即使是CSS高手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份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声明。相关文章推荐
- CSS设计之页面滚动条出现时防止页面跳动的方法
- 应用DIV+CSS编码时容易犯的一些错误
- DIV+CSS页面设计中的IE6的文字溢出BUG
- CSS模块的注释——页面重构中的模块化设计(六)
- html+css+table实现注册页面设计
- web设计_7_页面缺失图片或CSS的情况下仍然易读
- 原型图和设计常犯错误,导致前端页面返工
- CSS页面布局中HTML结构化设计
- 网站页面设计中的Css十大注意
- 时常注意:Web开发和设计上容易被忽视的8个错误
- xHTML和CSS容易犯的一些错误
- div+css页面设计常用命名规范一览
- 分享30个独特的 404 错误页面设计模板
- Div + Css 设计页面
- css布局容易范的一些错误
- <div+css页面布局课堂笔记>11---页面布局网站首页设计实例__终极版(仿csdn首页)
- 在登录页面设计中输入密码错误后弹框提示并返回到登录界面的代码实现
- 总结新手学CSS容易出现错误的内容
- .NET进期综合---缓存/关于跨页面值传递/页面设置CSS/用户自定义控件/fileupload的路径问题/dropdown二级联动的数据库设计
- 进行页面设计,分享DIV+CSS一些小规则