易截截图软件、单文件、免安装、纯绿色、仅160KB

使用div+css布局网站避免10大错误

CSS+DIV是网站标准中常用的术语之一,通常为了说明与HTML网页设计语言中的表格定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在写很多代码的情况下难免会忘记结束标签,这样就会导致整个网站出现一些运行的问题以及下一步的操作,所以要注意检查标签的书写,也可以用dreamweaver的验证功能检查。
2. 利用排除法确定错误发生的位置
如果在运行的时候出现某些问题,可以利用排除法,逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。
3. 利用border属性确定出错元素的布局特性
有时候我们不知道这个div 是在哪里,或者使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。
4. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
5. float元素的父元素不能指定clear属性
MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路。
6. float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性,另外指定元素时尽量使用em而不是px做单位。
7. float元素的宽度之和要小于100%
如果float元素的宽度之和正好是100%,某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。
8. 要注意clear属性的使用
clear默认是有高度还有字体大小的,所以必要时要先将clear的数值设置为0,还有在每一个div结束的后面最好加上clear:both的属性,清楚div的浮动。否则在Firefox还有一些浏览器上面是会错位的。
9. 要注意margin、padding 默认是有一定的数值的?
在ul、body等一些地方时存在margin、padding 默认值的,所以要先将它们设置为0,避免导致网站布局的错误。
本文转自:http://www.gzhongqi.net/Website/45.html


相关文档:

CSS HACK原理简介

简介  
    什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
  这个时候我们就需要针对不同的浏览器 ......

struts2 redirect css 失效

页面上的css链接 如下
<link href="../style/style.css" rel="stylesheet" type="text/css" />
当a.action通过重定向redirect 到另一个b.action后,进入下一个jsp页面,此时css和页面的图片都失效。
后来把jsp里面的css路径、图片路径改为绝对路径,就把问题结局了。
<link href="/BookShop/style/style.css" ......

最好的css重写代码

Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......

CSS hack浏览器兼容一览表

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px  !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号