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

网页布局中如何进行CSS布局调试


  网页设计中CSS布局是很重要的部分,下面介绍几种检查调试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做单位。
  


相关文档:

CSS分栏布局的方法:绝对定位和浮动

CSS分栏布局的方法:绝对定位和浮动
出处:网页教学网
作者:佚名
日期:2009-03-09
 
 在CSS中,实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute
、static、relative和fixed)中的绝对定位(absolute
positioning),它可以将文档中的某个元素从其原本位置上移除,并重新定位 ......

IE8的css hack

首先感谢“丸子
”提供的这个
IE8的css hack;
关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:
.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF\9;&n ......

CSS盒模型详细讲解

CSS 盒模型
  网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
  
  如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
  这个图表很好地展示了作用于页面上任意盒子的数值。
  
  注意以上两个例子中,margi ......

网页中居中层css一则

一个只用CSS就可以设置网页中居中层的方法。
  今天重新尝试的时候居然不好用了。
  还好以前的页还有,还能打开。
  代码一摸一样就是不好用。
  于是乎一段段的删除,希望能找到点线索。
  css删得只剩下这段设置代码,不好用。
  javascript中难道做手脚了,接着删,还是不好用。
  最后删没了终于 ......

CSS 命名规范

CSS 命名规范
XHTML-CSS写作建议
所有的xhtml代码小写
属性的值一定要用双引号("")括起来,且一定要有值
每个标签都要有开始和结束,且要有正确的层次
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
<h1> ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号