带来一篇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">
</p>
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
页:
[1]