当前位置:七道奇文章资讯网站建设网站美工
日期:2010-11-03 09:49:00  来源:本站整理

<b>DIV+CSS筹划简单犯的10个错误</b>[网站美工]

赞助商链接



  本文“<b>DIV+CSS筹划简单犯的10个错误</b>[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

  DIV+CSS是网站尺度(或称“Web尺度”)中常用的术语之一,普通为了阐明与HTML网页计划语言中的表格(table)定位方法的辨别,因为XHTML网站计划尺度中,不再利用表格定位技术,而是采取DIV+CSS的方法实现各种定位.利用利用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.w3.org/TR/html4/loose.dtd>


  以上是“<b>DIV+CSS筹划简单犯的10个错误</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .