仓酷云

标题: 来看看：制造网页利用的CSS款式表毛病排查办法 [打印本页]

作者: 小妖女 时间: 2015-1-15 23:58
标题: 来看看：制造网页利用的CSS款式表毛病排查办法
另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。
破洛洛文章简介：假如在先辈的扫瞄器内测试是准确的，而在IE内有成绩，那基础上能够判断是IE的成绩。
　固然扫瞄器大概存在着良多Bug，可是并非与本人感到纷歧样的时分就是呈现了Bug。发生成绩的缘故原由大概有良多种，因而制造者必要必定的办法来排查询题。
　　选择一个先辈的扫瞄器举行测试是明智的做法，比方对CSS2.1撑持对照好的Opera9.2、Firefox2.0大概Safari3.0，而不要利用IE6作为独一的测试扫瞄器，由于IE6的成绩是最多的，这十分倒霉于制造者（出格是初学者）了解CSS2.1的标准与判别扫瞄器的体现是不是准确。

　　假如在先辈的扫瞄器内测试是准确的，而在IE内有成绩，那基础上能够判断是IE的成绩。
　　假如在先辈的扫瞄器内的显现不准确，那末能够先辈行以下开端判别：
　　1.拼写是不是准确
　　可使用W3C的校验，大概网页编纂软件的校验功效，来反省(X)HTML文档内的标签是不是配套、嵌套按次是不是准确、空标签是不是闭合，CSS拼写是不是准确。不准确的嵌套、毛病的拼写长短经常见的毛病。
　　提醒：如今有良多编纂软件都能够供应(X)HTML和CSS的校验功效，包含扫瞄器对CSS属性是不是撑持等。比方：Dreamweaver8以上版本，TopStyle等软件。

　　提醒：Firefox中的附加软件“Firebug”是一个十分好用的工具，它不但能够反省(X)HTML、CSS和JavaScript是不是准确，还能够静态显现页面内元素的框和地位，是调试网页很好的帮助插件。
　　2.是不是有符合的DTD
　　在本书的其他章节里，已经不止一次地夸大过DOCTYPE的主要性，分歧的DOCTYPE间接影响扫瞄器关于(X)HTML和CSS的注释。
　　3.CSS属性扫瞄器是不是撑持
　　固然古代扫瞄器撑持尽年夜部分的CSS2.1标准和部分的CSS3标准，可是在后面的章节也先容过，有一些CSS属性还没有被扫瞄器普遍撑持，因而在某个属性没有失效的时分，请断定扫瞄器是不是撑持。
　　4.断绝成绩
　　将有成绩的中央凸起出来，比方给元素加一个夺目的边框大概背景色彩。
　　假如增添了边框就能够办理成绩，那末就是边距堆叠的成绩。
　　假如增添了背景，可是背景不显现，那末有多是特别性大概浮动元素没有闭合。
　　实验修正一些属性，出格是会触发IE的hasLayout的属性，判别是不是是IE罕见的Bug。

　　5.创建基础测试
　　假如还不克不及办理成绩，则能够复制成绩文件，然后删除过剩的(X)HTML，只留下有成绩的部分。
　　删除(X)HTML内的正文成绩，看成绩是不是会消散。
　　删除元素间的空格，看成绩是不是会消散。
　　然后分块正文失落款式表，直到成绩消散，则刚正文失落的款式即为成绩地点。
　　6.办理成绩而不是办理征象
　　找到成绩本源的地点并办理它是终极目，而不是为了姑息体现而利用庞大的Hack来让网页“看上往很美”。不从本源上办理成绩，当扫瞄器晋级今后，大概会碰到更多的成绩。同时，Hack的时分大概会形成新的成绩的呈现，出格是触发大概制止触发IE的hasLayout属性。

　　换一种思绪大概也能够制止成绩的呈现，比方将元素的margin属性作废，改成设置其父元素的padding属性。
　　只要其实没法办理的时分，再利用Hack。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

作者: 海妖 时间: 2015-1-17 23:51
滚动条)层属性--溢出(visible/hidden/scroll/auto)

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

作者: 莫相离 时间: 2015-2-4 23:24
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 愤怒的大鸟 时间: 2015-2-10 23:26
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 因胸联盟 时间: 2015-3-1 18:18
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 山那边是海 时间: 2015-3-10 23:03
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: admin 时间: 2015-3-17 16:09
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 仓酷云 时间: 2015-3-24 14:15
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

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