仓酷云

标题: DIV教程之CSS＋DIV制造网页时易犯的毛病总结 [打印本页]

作者: 金色的骷髅 时间: 2015-1-16 00:16
标题: DIV教程之CSS＋DIV制造网页时易犯的毛病总结
样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。
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">

支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。

作者: 莫相离 时间: 2015-1-18 05:52
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 第二个灵魂 时间: 2015-1-26 22:20
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 飘飘悠悠 时间: 2015-2-4 23:30
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 再现理想 时间: 2015-2-10 23:29
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 小女巫 时间: 2015-3-1 18:18
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

作者: 只想知道 时间: 2015-3-17 16:08
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 再见西城 时间: 2015-3-24 12:14
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

欢迎光临仓酷云 (http://www.ckuyun.com/)