仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 740|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 带来一篇DIV+CSS罕见的毛病

[复制链接]
透明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:16:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
CSS+DIV是网站尺度(或称“WEB尺度”)中经常使用的术语之一,一般为了申明与HTML网页计划言语中的表格(table)定位体例的区分,由于XHTML网站计划尺度中,不再利用表格定位手艺,而是接纳css+div的体例完成各类定位。使用使用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:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">



更好的控制页面布局。不用多说。
小妖女 该用户已被删除
沙发
发表于 2015-1-18 05:52:06 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。
莫相离 该用户已被删除
板凳
发表于 2015-1-26 19:14:33 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
精灵巫婆 该用户已被删除
地板
发表于 2015-2-4 21:00:45 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
老尸 该用户已被删除
5#
发表于 2015-2-10 11:34:37 | 只看该作者
可以使用 CSS 检查工具进行设计。
因胸联盟 该用户已被删除
6#
发表于 2015-3-1 13:13:29 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
爱飞 该用户已被删除
7#
发表于 2015-3-10 19:45:20 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
不帅 该用户已被删除
8#
发表于 2015-3-17 10:11:40 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
小魔女 该用户已被删除
9#
发表于 2015-3-24 07:57:46 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-26 21:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表